vue-cli3.x 搭建項目目

安裝文檔 https://cli.vuejs.org/zh/guide/

安裝條件 npm 更至最新 node >=8.9

能夠用npm -v 查看npm的版本號

1.關於舊版本 Vue CLI 的包名稱由 vue-cli 改爲了 @vue/cli。

若是你已經全局安裝了舊版本的 vue-cli (1.x 或 2.x)，你須要先經過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。

 

 能夠使用下列任一命令安裝這個新的包（安裝全局變量）：

在新文件夾下建立項目 vue create vuecli3Demo
這裏注意本身切換到本身到目錄下，新建項目，vue create 項目名
回車 讓你選擇默認（default）仍是手動（Manually）npm install -g @vue/cli # OR yarn global add @vue/cli

查看版本號：vue --version#ORvue -V 



2.

   按鍵盤上下鍵能夠選擇默認（default）仍是手動（Manually），若是選擇default，一路回車執行下去就好了
   這裏選擇手動

   

選擇配置，看我的項目需求
空格鍵是選中與取消，A鍵是全選

babel

TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持
Router 支持 vue-router 
Vuex 支持 vuex 
CSS Pre-processors 支持 CSS 預處理器
Linter / Formatter 支持代碼風格檢查和格式化
Unit Testing 支持單元測試
E2E Testing 支持 E2E 測試

 

cd vuecli3  進入文件夾目錄
npm run serve  運行項目