詳解nodejs解壓版安裝和配置(帶有搭建前端項目腳手架)

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

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

1】第一步：下載nodejs

中文官網(wǎng)：

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

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

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

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

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

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)境變量

在桌面右鍵我的電腦（或計算機）---屬性 ---高級系統(tǒng)設置----環(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 為什么要這么做，因為如果用npm下載更新的話，npm速度回非常慢，而且容易出錯；

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

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

5】第五步：重新打開cmd命令窗口（cnpm 命令無效說明上一步?jīng)]做好，因為上一步已經(jīng)配置了全局），安裝vue-cli 腳手架：

cnpm install --global vue-cli

簡寫: cnpm i -global vue-cli

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

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

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

7】運行項目：運行前先在你的項目根目錄下：cnpm install 或cnpm i 安裝前端需要的包，安裝好回多出一個文件夾：node_modules

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

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。