此筆記歸納整理webstorm搭建vue項(xiàng)目，僅作記錄使用。
一、安裝Webstorm
1、雙擊運(yùn)行安裝包
2、設(shè)置安裝路徑
3、按需選擇
4、安裝
5、運(yùn)行
6、激活
??因?yàn)榘鏅?quán)問題，就不再細(xì)說了。
二、安裝nvm
1、雙擊運(yùn)行安裝包
2、設(shè)置安裝路徑
??選擇nvm的安裝路徑：
??選擇node的安裝路徑：
3、驗(yàn)證安裝
??Win鍵+R鍵，輸入cmd，然后回車，打開命令行界面
??進(jìn)入命令提示符窗口，輸入以下命令，顯示版本號(hào)，則安裝成功。
nvm -v
4、配置淘寶鏡像
??在nvm路徑下，用管理員權(quán)限打開settings.txt 文件，修改配置文件配置淘寶鏡像。
??在 settings.txt 文件中最后一行添加如下兩行配置：
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
5、安裝node.js版本
??查看可用的node.js版本號(hào)
nvm ls available
??安裝指定的版本的 nodejs，例如nvm install 14.20.1
nvm install 版本號(hào)
??查看目前已經(jīng)安裝的版本：
nvm list
??使用指定版本的 nodejs：
nvm use 版本號(hào)
三、安裝node成功后npm install報(bào)錯(cuò)
??安裝完node且node -v正常打印版本號(hào)，但是在webstorm中npm install報(bào)錯(cuò)‘npm不是內(nèi)部或外部命令,也不是可運(yùn)行程序’。
??解決辦法一：
??在安裝nvm選擇node存儲(chǔ)路徑時(shí)，若直接選擇nvm路徑下，需要在后面添加子文件目錄\node，例如“D:\nvm\node”。
??解決辦法二：
??有可能是webstorm版本太高的原因，本文所適配的webstorm版本為2021.3.3.
四、安裝webpack
cnpm install webpack -g
??查看webpack 是否安裝成功：
webpack -v
五、安裝vue-cli
cnpm install --global vue-cli
??查看vue-cli是否安裝成功：
vue -V
六、安裝Git
1、雙擊運(yùn)行安裝包
2、設(shè)置安裝路徑
??一直next就好。
3、驗(yàn)證安裝
??安裝成功之后，桌面右擊，出現(xiàn)Git既為安裝成功。
文章來源：http://www.zghlxwxcb.cn/news/detail-615391.html
七、Git上拉取項(xiàng)目
文章來源地址http://www.zghlxwxcb.cn/news/detail-615391.html
到了這里，關(guān)于Webstorm+Nodejs+webpack+vue-cli+Git搭建vue環(huán)境的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
