nodejs 安裝 我先前用了nvm,覺(jué)得nvm挺厲害可以隨時(shí)更換nodejs版本,但是研究了下,可能自己功力不夠還是什么,并不好用,中間還出現(xiàn)了錯(cuò)誤;所以最后還是卸載了;
我們提供的服務(wù)有:做網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、高安ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的高安網(wǎng)站制作公司
本文圖文并茂的一步一步的來(lái),旨在好用簡(jiǎn)潔:
1】第一步:下載nodejs
中文官網(wǎng):
https://nodejs.org/zh-cn/download/
如下圖是最新的版本,不用怕這是最新的直接下載就可以了,選擇windows版本,LTS是長(zhǎng)期支持版本,箭頭所示下載64位壓縮版;個(gè)人覺(jué)得壓縮版本就夠了;(可能安裝版的功能更多,為了方便這里使用解壓版就夠做項(xiàng)目了)
2】第二步:解壓上面下載的壓縮包,然后在安裝目錄下新建兩個(gè)文件夾node-cache 和node-global
這里要注意一定要在解壓縮包當(dāng)前目錄里打開(kāi)cmd窗口:shift+鼠標(biāo)右鍵----->打開(kāi)命令窗口,否則是沒(méi)有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ī))---屬性 ---高級(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】第五步:重新打開(kāi)cmd命令窗口(cnpm 命令無(wú)效說(shuō)明上一步?jīng)]做好,因?yàn)樯弦徊揭呀?jīng)配置了全局),安裝vue-cli 腳手架:
cnpm install --global vue-cli
簡(jiǎn)寫(xiě): 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)目名稱(chē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
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。