nodejs 安裝 我先前用了nvm，覺得nvm挺厲害可以隨時(shí)更換nodejs版本，但是研究了下，可能自己功力不夠還是什么，并不好用，中間還出現(xiàn)了錯(cuò)誤；所以最后還是卸載了；

本文圖文并茂的一步一步的來，旨在好用簡潔：

1】第一步：下載nodejs

中文官網(wǎng)：

https://nodejs.org/zh-cn/download/

如下圖是最新的版本，不用怕這是最新的直接下載就可以了，選擇windows版本，LTS是長期支持版本，箭頭所示下載64位壓縮版；個(gè)人覺得壓縮版本就夠了；（可能安裝版的功能更多，為了方便這里使用解壓版就夠做項(xiàng)目了）

2】第二步：解壓上面下載的壓縮包，然后在安裝目錄下新建兩個(gè)文件夾node-cache 和node-global

這里要注意一定要在解壓縮包當(dāng)前目錄里打開cmd窗口：shift+鼠標(biāo)右鍵----->打開命令窗口，否則是沒有npm命令的；

cmd執(zhí)行,配置NPM全局模塊路徑和cache默認(rèn)安裝位置

npm config set cache "E:\nodeInstall\node-v10.14.0-win-x64\node-cache"
npm config set prefix "E:\nodeInstall\node-v10.14.0-win-x64\node-global"

3】第三步：修改配置環(huán)境變量

在桌面右鍵我的電腦（或計(jì)算機(jī)）---屬性 ---高級系統(tǒng)設(shè)置----環(huán)境變量----

添加NODE_HOME :E:\nodeInstall\node-v10.14.0-win-x64 (你的nodejs安裝根目錄，如下圖)
path添加: ;%NODE_HOME%;%NODE_HOME%\node-globa;

以上就配置好了環(huán)境變量；

4】第四步：修改npm鏡像為taobao 為什么要這么做，因?yàn)槿绻胣pm下載更新的話，npm速度回非常慢，而且容易出錯(cuò)；

npm install -g cnpm --registry=https://registry.npm.taobao.org 注意執(zhí)行這個(gè)命令，黑窗口還是在你的nodejs 安裝根目錄，就是你上邊一致執(zhí)行的窗口；

執(zhí)行完畢，關(guān)閉黑窗口命令；

5】第五步：重新打開cmd命令窗口（cnpm 命令無效說明上一步?jīng)]做好，因?yàn)樯弦徊揭呀?jīng)配置了全局），安裝vue-cli 腳手架：

cnpm install --global vue-cli

簡寫: cnpm i -global vue-cli

到這一步nodejs已經(jīng)安裝完了 ，并帶有vue-cli;

6】第六步：隨便在你的電腦選一位置（創(chuàng)建項(xiàng)目文件夾）,cmd執(zhí)行

vue init webpack xxx_front 其中“xxx_front”為你的前端項(xiàng)目名稱，等待完成后，到此你的前端框架已經(jīng)搭建完成；

7】運(yùn)行項(xiàng)目：運(yùn)行前先在你的項(xiàng)目根目錄下：cnpm install 或cnpm i 安裝前端需要的包，安裝好回多出一個(gè)文件夾：node_modules

然后還是在你的項(xiàng)目跟目錄，黑窗口執(zhí)行cnpm run dev

后續(xù)打包的命令是cnpm run build

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論