一、安裝vue-cli 腳手架命令
npm install -g vue-cli 適用於vue-cli 2.0
npm install -g @vue/cli 適用於vue-cli 3.0
卸載命令:npm uninstall -g @vue/cli
二、初次安裝 vue-cli 3.0 步驟:
1、全局安裝vue-cli 3.0 腳手架
npm install -g @vue/cli
2、創建項目文件夾(文件夾名必須寫)
vue create demo1
3、
按鍵盤方向鍵 向下鍵 選擇: 自定義配置,回車
4、
選擇用哪些配置,按上下鍵 選擇哪一個,按空格鍵確定,所有的都選擇好后,按enter鍵進行下一步,這里我選擇的:Babel、TypeScript、Router、Vuex、CSS Pre-processors
*這里稍微說一下 Progressive Web App (PWA) Support,據了解,這是一種新型的前端技術,目前在印度最流行,具體可以看一下這篇文章:https://blog.csdn.net/qq_19238139/article/details/77531191
5、
都按 y 吧
6、
選擇一種css預處理語言
7、
上面這個是問你選擇哪個自動化代碼格式化檢測,配合vscode編輯器的 Prettier - Code formatter插件,我選最后一個
8、
是否保存配置,我選擇保存
9、
上邊這倆意思問你像,babel,postcss,eslint這些配置文件放哪?
第一個是:放獨立文件放置
第二個是:放package.json里 這里推薦放單獨配置文件,
選第一個
10、
上邊倒數第二行問你是否將以上這些將此保存為未來項目的預配置嗎?
最后一個是項目描述,你隨意寫,回車確定就開始下載模板了
11、下載完成后,目錄結構如下:
相比2.0 精簡了很多,啟動服務: npm run serve