一、命令安裝
1、安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、安裝vue-cli
cnpm install vue-cli -g //3.0以前(不包含3.0)
cnpm install @vue/cli -g //3.0及以後
3、初始化項目
vue init webpack 項目名稱 //3.0以前(不包含 3.0)
vue create 項目名稱 //3.0及以後
如:在項目目錄中輸入:vue create sucli_vuecli
向下選擇:Manually select features
選中Babel和Router,取消Linter /Formatter(否則後面驗證太歷害,沒辦法用了就)
不需要 history mode
設置 In package.json, 也選No
Vue-cli 安裝完成了!
可進入項目目錄,輸入 cnpm run serve, 啓運項目。
4、進入到項目目錄,安裝
cnpm install
5、啓動項目
打開VS Code,把項目託進VS Code中,就打開了。
終端中輸入: cnpm run serve
cnpm run dev
6、可以運行在瀏覽器裏了
7、在項目目錄中打包:cnpm run build
8、安裝element-ui框架:npm i element-ui -s
9、前後端交互安裝axios:cnpm install axios -S
有說法是:小廠用vue,大廠用react
移動端:1、webapp, 用響應式:bootstrap開發
2、混合app: 1)react-native開發
2)小程序也叫混合開發
3、原生app: 安卓開發、ios開發
二、 可視化安裝:vue ui
前面1、2步同上。
3、先查看vue版本號
vue -V
再輸入命令:vue ui
4、進入網頁視圖
5、創建新項目
此處一定要關閉 Linter /Fomatter選項。
點擊“創建項目”開始創建。
兩種方式,推薦選方法一,用命令來創建項目