前言

??????這個迭代后端需求偏少，前端code的鍵盤都起火星子了。來了4個外包支持，1個后端3個前端，還是不夠用啊。剛好趁這個機會稍微學習下vue，其實之前環境也配置過了，所以這里就不分享環境配置了，主要分享下新建項目與報錯處理、還有uniapp支持的插件。

---

一、新建項目

??????之前說微信小程序需要用HBuild編輯器，主要是看中它可以運行時，自動打開微信開發工具看效果，但是說實話我時用idea習慣了，所以前端也只想用webstorm。

??????新建項目就操作完成，過程中可能會報錯，最后新建的項目沒有node_modules、public、src目錄，沒有package.json等文件。
原因可能就是你的node版本太高了，yarn目前最高支持才到21，比如報錯：

??????實際上它提示的已經很明確了，剛剛的步驟選址地版本的node，重新一遍就行。

二、相關版本與管理

1.node版本管理

??????可以用n、nvm，n需要先自己安裝node，是node下的軟件包，nvm是獨立的一個軟件包，個人建議其實用nvm更好。
??????然后要安裝這些環境如果怕麻煩先裝Homebrew，如果是win那就自己折騰下吧。如果剛開始進入編程界，勸你放棄win，用水果吧。
brew的安裝見它的中文網：https://brew.idayer.com/

2.安裝包的版本查看

命令：npm view 軟件名 versions
例如：查看yarn的版本

3.安裝軟件包

??????可以用npm安裝，也可以用brew安裝，但是npm安裝有限制，那就是版本要在它的資源里面注冊了的（可能安全點）。brew那就基本的版本都可以裝。
npm命令：npm install 軟件名 21.0.0
brew命令：brew install 軟件名 21.0.0
例如：安裝21.0.0版本node

4.node版本切換

查看可切換版本：nvm list

切換：
命令：nvm use 22.2.0

三、webstorm新建的vue項目啟動報錯處理

??????你選擇了合適的node版本，成功創建項目，點擊webstorm的run/debug，你可能會失望的發現運行不起來，報錯找不到…/paakage.json。（原因我其實也沒有找到）
??????我這里處理是刪除node_modules,重新在npm install一遍。
打開webstrom的termnial

#刪除node_modules
rm -rf node_modules
#重新install
npm install
#初始化，生成package.json
npm init -y

---

總結

1、建項目就這么簡單，也就是會遇到這些事而已
2、說webstorm不支持微信小程序開發的朋友，安裝Uniapp Support試試
3、對我難的不是vue的語法，而是畫頁面、樣式，以前出H5還用jQuery的時候，就是煩頁面、樣式。
??????好了，后端人就嘮叨叨這里，希望能幫到大家，uping！