vue-cli 下載

常用命令

通過命令行查詢可用的包的版本號
npm view vue-cli versions --json

查看vue-cli 最新版本
vue --version 或 vue -V

卸載之前版本
npm uninstall vue-cli -g 或 yarn global remove vue-cli（通過 npm install -g vue-cli 下載的版本）
npm uninstall -g @vue/cli （通過 npm install -g @vue/cli 下載的版本）

vue腳手架初始化項目
如果下載最新版本 npm install -g @vue/cli 或 yarn global add @vue/cli
如果指定下載版本 npm install -g @vue/[email protected] 下載指定版本

安裝步驟

1.安裝node.js
去nodeJS官網下載響應安裝包

2.安裝vue-cli
打開命令中斷，輸入 npm install -g @vue/[email protected] 全局安裝vue-cli

3.創建項目（配置可根據項目要求自行選擇）
a. 進入代碼目錄 cd code
b.vue create web_knowledge_sys [項目名稱]
c.選擇自定義配置（上下箭頭移動選擇）Manually select features 回車；

d.按空格選擇相應的配置，a是全選；babel，router,vuex,css Pro-processors,Linter/Formatter,Unit Testing,回車

e.路由是否使用history模式，輸入y,回車

f.css 選擇less，回車

h.Eslint 代碼風格檢查 Eslint+Prettier,回車

i.保存時候Lint還是提交代碼的時候Lint,全選回車

j.測試方案選擇Jest,回車

k.所有配置文件，選擇放在單獨文件，而不是package裏面，回車

l.配置是否七個名字保存起來，下次新建項目時候可食用，輸入y，回車

m.輸入名字web_knowledge_sys，回車，安裝依賴

安裝完成

進入目錄，輸入npm run serve 啓動項目

啓動成功

瀏覽器輸入localhost:8080 即可查看