一、進(jìn)入官網(wǎng)地址下載安裝包
https://nodejs.org/zh-cn/download/
選擇對(duì)應(yīng)你系統(tǒng)的Node.js版本,這里我選擇的是Windows系統(tǒng)、64位
?Tips:如果想下載指定版本,點(diǎn)擊【以往的版本】,即可選擇自己想要的版本下載
二、安裝程序
(1)下載完成后,雙擊安裝包,開始安裝Node.js
(2)直接點(diǎn)【Next】按鈕,此處可根據(jù)個(gè)人需求修改安裝路徑,修改完畢后繼續(xù)點(diǎn)擊【Next】按鈕
?(3)可根據(jù)自身需求進(jìn)行,此處我選擇默認(rèn)安裝,繼續(xù)點(diǎn)擊【Next】按鈕
?(4)不選中,直接點(diǎn)擊【Next】按鈕
?(5)點(diǎn)擊【Install】按鈕進(jìn)行安裝
?(6)安裝完畢,點(diǎn)擊【Finish】按鈕
?
?(7)測(cè)試安裝是否成功,按下【win+R】鍵,輸入cmd,打開cmd窗口????????
? ? ?輸入:node -v? ? ?// 顯示node.js版本
? ? ? ? ? ? ? ? npm -v? ? ? // 顯示npm版本
?
? --成功顯示版本說(shuō)明安裝成功
?三、環(huán)境配置
?(1)找到安裝的目錄,在安裝目錄下新建兩個(gè)文件夾【node_global】和【node_cache】
?(2)創(chuàng)建完畢后,使用管理員身份打開cmd命令窗口(打開方法見(jiàn)下方Tips),輸入
? ①npm config set prefix “你的路徑\node_global” (復(fù)制你剛剛創(chuàng)建的“node_global”文件夾路徑)
npm config set prefix "D:\develop\Node.js\node_global"
?②npm config set cache “你的路徑\node_cache”??(復(fù)制你剛剛創(chuàng)建的“node_cache”文件夾路徑)
npm config set cache "D:\develop\Node.js\node_cache"
Tips: 使用管理員身份運(yùn)行cmd的方法 :點(diǎn)擊左下角【開始】菜單,在搜索區(qū)域輸入“命令提示符”,然后點(diǎn)擊【以管理員身份運(yùn)行】
===============或單擊鼠標(biāo)右鍵選擇【以管理員身份運(yùn)行】==========================
?(3)配置環(huán)境變量
? ?①【此電腦】-單擊右鍵-【屬性】-【高級(jí)系統(tǒng)設(shè)置】-【環(huán)境變量】
② 在【系統(tǒng)變量】中點(diǎn)擊【新建】
?變量名:NODE_PATH
變量值:C:\Program Files\nodejs\node_global\node_modules
然后你就會(huì)發(fā)現(xiàn)【node_global】里多出了一個(gè)【node_modules】文件夾
Tips:? 如果輸入變量值之后沒(méi)有自動(dòng)創(chuàng)建【node_modules】文件夾,就在【node_global】下手動(dòng)創(chuàng)建一個(gè)【node_modules】文件夾,再?gòu)?fù)制你創(chuàng)建的【node_modules】文件夾的路徑地址到變量值
?③編輯【用戶變量】中的【Path】
?④將默認(rèn)的 C 盤下【?AppData\Roaming\npm
?】修改成 【node_global】的路徑
,點(diǎn)擊確定
?
?⑤在【系統(tǒng)變量】中選擇【Path】點(diǎn)擊【編輯】添加【NODE_PATH】,隨后一直點(diǎn)擊【確定】
?
?
?四、測(cè)試
? 配置完成后,全局安裝一個(gè)最常用的 express 模塊進(jìn)行測(cè)試
npm install express -g ? // -g代表全局安裝
出現(xiàn)以下界面即為配置成功
?Tips:如果出現(xiàn)安裝失敗的話可能是你沒(méi)有使用管理員身份運(yùn)行cmd窗口,或者可以修改一下【node_global】和【node_cache]的權(quán)限
步驟: 鼠標(biāo)右擊【node_global】的文件夾,點(diǎn)擊【屬性】,再點(diǎn)擊【安全】,再點(diǎn)擊【編輯】,將權(quán)限都勾上,隨即點(diǎn)擊【確定】即可,【node_cache】步驟同理。
五、安裝淘寶鏡像
①安裝淘寶鏡像
npm config set registry https://registry.npm.taobao.org
? 查看是否成功:
npm config get registry
? ②安裝cnpm(按需安裝)
? 說(shuō)明:?npm是node官方的包管理器。cnpm是個(gè)中國(guó)版的npm,是淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認(rèn)的 npm。
npm install -g cnpm --registry=https://registry.npmmirror.com
查看是否安裝成功
命令: cnpm -v
附加:如果有出現(xiàn)問(wèn)題的小伙伴們可以檢查一下自己的配置有沒(méi)有出錯(cuò)
①打開cmd敲以下命令檢查
?②打開環(huán)境變量配置檢查
?
?③打開安裝目錄檢查是否有以下文件夾
····檢查【node_global】里是否有【node_modules】文件夾
····上面所安裝的cnpm、express會(huì)出現(xiàn)在【node_global】下的【node_modules】文件夾里
結(jié)尾文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-438878.html
? 希望對(duì)大家有所幫助!文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-438878.html
到了這里,關(guān)于Node.js下載安裝及環(huán)境配置教程【超詳細(xì)】的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!