nodejs 安裝 我先前用了nvm,覺得nvm挺厲害可以隨時更換nodejs版本,但是研究了下,可能自己功力不夠還是什么,並不好用,中間還出現了錯誤;所以最后還是卸載了;
本文圖文並茂的一步一步的來,旨在好用簡潔:
1】第一步:下載nodejs
中文官網:
https://nodejs.org/zh-cn/download/
如下圖是最新的版本,不用怕這是最新的直接下載就可以了,選擇windows版本,LTS是長期支持版本,箭頭所示下載64位壓縮版;個人覺得壓縮版本就夠了;(可能安裝版的功能更多,為了方便這里使用解壓版就夠做項目了)
2】第二步:解壓上面下載的壓縮包,然后在安裝目錄下新建兩個文件夾 node-cache 和 node-global
這里要注意一定要在解壓縮包當前目錄里打開cmd窗口:shift+鼠標右鍵----->打開命令窗口,否則是沒有npm命令的;
cmd執行,配置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】第三步:修改配置環境變量
在桌面右鍵我的電腦(或計算機)---屬性 ---高級系統設置----環境變量----
添加NODE_HOME : E:\nodeInstall\node-v10.14.0-win-x64 (你的nodejs安裝根目錄,如下圖)
path添加: ;%NODE_HOME%;%NODE_HOME%\node-global;
以上就配置好了環境變量;
4】第四步:修改npm鏡像為taobao 為什么要這么做,因為如果用npm下載更新的話,npm速度回非常慢,而且容易出錯;
npm install -g cnpm --registry=https://registry.npm.taobao.org 注意執行這個命令,黑窗口還是在你的nodejs 安裝根目錄,就是你上邊一致執行的窗口;
執行完畢,關閉黑窗口命令;
5】第五步:重新打開cmd命令窗口(cnpm 命令無效說明上一步沒做好,因為上一步已經配置了全局),安裝vue-cli 腳手架:
cnpm install --global vue-cli
簡寫: cnpm i -global vue-cli
到這一步nodejs已經安裝完了 ,並帶有vue-cli;
6】第六步: 隨便在你的電腦選一位置(創建項目文件夾),cmd執行
vue init webpack xxx_front 其中“xxx_front”為你的前端項目名稱,等待完成后,到此你的前端框架已經搭建完成;
7】運行項目:運行前先在你的項目根目錄下:cnpm install 或cnpm i 安裝前端需要的包,安裝好回多出一個文件夾:node_modules
然后還是在你的項目跟目錄,黑窗口執行cnpm run dev
后續打包的命令是cnpm run build
本文章到此結束覺得好,給個贊,由於一個清晰的好的文檔編輯是辛苦,盡量尊重我的原版;
如果對你有用,覺得好可以給小編打個賞: