安裝vue-cli
npm install -g @vue/cli # OR yarn global add @vue/cli
安裝完成查看版本
查看版本 vue -V
如果報錯:vue : 無法加載文件 C:\Users\xxx\AppData\Roaming\npm\vue ...
1.管理員身份打開

2.輸入set-ExecutionPolicy RemoteSigned

4.選擇Y 或者A ,就好了
vue-cli4.0對比了一下3.0的腳手架,除了目錄發生變化一些,其他的都一樣

安裝步驟和vue-cli3.0的一模一樣
1.創建項目
vue create project-name

default 是 使用默認配置
Manually select features 是 自定義配置
2.選擇配置(自定義配置)

3.選擇css預編譯,這里我選擇SCSS

4. 語法檢測工具,這里我選擇ESLint + Prettier

5.選擇語法檢查方式,這里我選擇保存就檢測【何時進行ESLint語法校驗:Lint on save】

6.接下來會問你把babel,postcss,eslint這些配置文件放哪【In dedicated config files(單獨使用文件進行配置)】

7.是否保存為模板 N不記錄,如果鍵入Y需要輸入保存模板名字

8.項目創建好后
cd project-name // 進入項目根目錄 npm run serve // 運行項目
9.然后在瀏覽器輸入http://localhost:8080,就可以看到運行的界面了

