vue腳手架3.0的搭建

1、安裝node

打開cmd輸入node -v查看是否安裝成功

顯示node版本號表示安裝成功，顯示‘node’不是內部或外部命令表示未安裝node。
node安裝地址：http://nodejs.cn/download/
注 ：安裝 vue-cli 腳手架目前須要node版本爲 v4.0 以上。

2、vue-cli3.0全局安裝

輸入npm install -g @vue/cli命令全局安裝,完成後輸入vue -V（V大寫）查看是否安裝成功。

顯示vue版本表示安裝成功。

輸入vue查看vue命令

3、開始建立項目

新建一個文件夾，cmd切換到該文件夾，輸入vue create project-name命令。

按鍵盤上下鍵選擇默認（default）仍是手動（Manually），若是選擇default，一路回車執行下去就好了（注：如今vue-cli3.0默認使用yarn下載），這裏咱們來選擇手動下載。

4、進行配置選擇

你項目中用到哪些就選擇相應的進行配置就好了（注：空格鍵是選中與取消，A鍵是全選）。

5、選擇css預處理，這裏我選擇stylus

6、選擇ESLint + Prettier

7、選擇語法檢查方式，這裏我選擇第一個保存就檢測

8、選擇把Babel、PostCss、ESLint這些配置的文件放哪裏，這裏我選擇第一個獨立放置文件

9、是否記錄以便下次繼續使用這套配置（選擇Y須要輸入保存名字，N不記錄）

10、等待下載依賴模塊

11、cd到project-name而後npm run serve啓動項目

12、修改端口，在根目錄下建立vue.config.js

官方vue.config.js 參考文檔 https://cli.vuejs.org/zh/config/#css-loaderoptions