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

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

我們提供的服務(wù)有:做網(wǎng)站、網(wǎng)站設(shè)計(jì)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、高安ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的高安網(wǎng)站制作公司

本文圖文并茂的一步一步的來,旨在好用簡潔:

1】第一步:下載nodejs

中文官網(wǎng):

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

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

詳解nodejs解壓版安裝和配置(帶有搭建前端項(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;

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

以上就配置好了環(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í)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

本文題目:詳解nodejs解壓版安裝和配置(帶有搭建前端項(xiàng)目腳手架)
鏈接地址:http://bm7419.com/article34/jdscpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、Google、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站制作用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司