由于vue官方現在默認創建的版本是vue3，在創建配置選擇上有很大的改動，有些還不會vue3的開發者 想繼續使用vue2 創建就會遇到了一些問題，
現在對vue2 和vue3的全家桶進行專案的創建進行詳細的講解步驟，（只需要一直保持最新的 cli環境就可以了，不需要在去安裝指定的vue低版本）
注意：我們常用的 axios 沒有在cli配置里安裝 可以自己 npm i axios 去安裝后封裝使用
環境準備
注意：node 版本必須要在8以上1.安裝node環境
https://nodejs.org/zh-cn/
2.安裝最新CLI 腳手架（全域安裝只安裝一次，后續創建新的專案不需要再執行）
npm install -g @vue/cl
Vue2（專案創建）
1.選擇準備作業的空檔案夾cd到當前檔案夾地址，執行下面的命令
vue create vue2
2.選擇專案配置
提示：回車=確定 空格=多選 1）不要代碼規范驗證，可以自己選擇
2）選擇當前專案安裝那些模塊，這里選擇了全家桶（上下按鈕選中后，空格打鉤，最后選擇完成回車）
3）選擇vue2
4）路由器模式？選擇N
5）選擇一個css前處理器
6）Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
7）是否吧前面的選擇的配置作為以后創建專案的默認配置 這里可以Y也可以N ，就是記住上面的配置以后不用在選擇了 根據這個配置 直接創建
8）創建成功：npm run serve 啟動vue2專案
Vue3（專案創建）
1.選擇準備作業的空檔案夾cd到當前檔案夾地址，執行下面的命令
vue create vuelic2
2.選擇專案配置
提示：回車=確定 空格=多選 1）不要代碼規范驗證模式
2）選擇vue3全家桶并且安裝TS（我一般開發vue3 都會使用到TS，不需要的可以不安裝）
3）選擇vue3
3）使用類樣式的組件語法？y
4) 使用Babel與TypeScript一起用于自動檢測的填充? yes
5)是不是用history模式來創建路由 N
6)選擇安裝css前處理器
7）選擇packge
8）是否吧以上配置做為默認配置，下次不要選擇直接讀取當前配置進行創建 N
9）創建成功 npm run serve 啟動專案
以上就是創建vue2 和vue3專案的步驟 ，vue專案工程的其他具體配置 可以看看我之前的文章有寫，
我是馬丁歡迎轉發和收藏
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/444424.html
標籤：其他
上一篇：淺淺的聊一下 WebSocket
下一篇：博客園美化