目錄
一、概述
二、操作步驟
(一)下載node.js
(二) 安裝node.js
(三)查看環(huán)境變量
(四)查看版本信息
(五)新建全局下載包和緩存包位置
(六)配置環(huán)境變量
(七)安裝express(內(nèi)嵌http模塊)
安裝成功
安裝失敗
解決辦法一(最好的辦法)
?解決辦法二(其次)
(八)安裝淘寶鏡像(可以不安裝)
(九)全局安裝webpack
(十)下載Vue與配置?
下載Vue腳手架?
配置Vue的環(huán)境變量
測(cè)試Vue是否配置成功
三、node報(bào)錯(cuò)大全
(一)npm命令沒(méi)有反應(yīng)(終端)
(二)syscall open、?root/Administrator、node_cache依賴(lài)下載問(wèn)題
(三)無(wú)法加載文件,腳本禁止
(四)npm ERR! code ERESOLVE下載失敗
(五) 不是內(nèi)部或外部命令
(六)npm下載慢、淘寶鏡像源無(wú)效、body
(七)npm卡住在-reify
一、概述
1.Node.js是一個(gè)開(kāi)源和跨平臺(tái)是JavaScript運(yùn)行時(shí)環(huán)境,它幾乎是任何類(lèi)型項(xiàng)目的流行工具。它讓JavaScript成為與PHP、python、Perl、Ruby等服務(wù)語(yǔ)言平起平坐的腳本語(yǔ)言。
2.node.js作用好處:
(1)IO處理非???/p>
(2)node.js是單線程,沒(méi)有線程之間的損耗,沒(méi)有線程的競(jìng)爭(zhēng)
(3)不適合做復(fù)雜的運(yùn)算
(4)開(kāi)發(fā)時(shí)省力
二、操作步驟
(一)下載node.js
1.進(jìn)入官網(wǎng),下載穩(wěn)定版本,不建議下載最新的。老一點(diǎn)的版本挺好的
官網(wǎng)最新版:Node.js
指定其他老版本:
下載指定的版本,就把后綴的這個(gè)16改成指定數(shù)字,windows選擇里面的64位的msi文件下載
Index of /download/release/latest-v16.x/
?下載完成
(二) 安裝node.js
2.雙擊下載好的安裝包,然后點(diǎn)擊next?
?3.?勾選接受許可協(xié)議后,再點(diǎn)擊next
?4.選擇安裝位置,然后next
?5.點(diǎn)擊next就好?
6.點(diǎn)擊next就好?
7.點(diǎn)擊安裝
?8.點(diǎn)擊完成
(三)查看環(huán)境變量
ps:因?yàn)榘惭b時(shí)候默認(rèn)給配置好了環(huán)境變量,所以這個(gè)步驟就是查看環(huán)境變量是否配好而已。個(gè)人覺(jué)得沒(méi)啥用,可以不用看這一步
9.右鍵此電腦---屬性---高級(jí)系統(tǒng)設(shè)置--環(huán)境變量--系統(tǒng)環(huán)境變量--雙擊path打開(kāi)查看
(四)查看版本信息
ps:這個(gè)步驟只是用來(lái)查看node.js有沒(méi)有安裝成功 。個(gè)人覺(jué)得沒(méi)啥用,可以不用看這一步
10. 快捷鍵(win鍵+R鍵)打開(kāi)cmd命令,分別輸入以下的命令查看版本信息
node -v #查看node版本
npm -v #查看npm版本
?看到版本信息,說(shuō)明我們的node已經(jīng)安裝完成了
(五)新建全局下載包和緩存包位置
ps:在下載一些全局模塊時(shí)候,會(huì)被默認(rèn)放到其他的位置下,那么我們需要更改一些下載的全局模塊和緩存的位置,改放到我們node的根目錄下
npm root -g #這就是查看默認(rèn)存放包位置的cmd命令
?11.在node安裝的目錄下,新建node_global和node_cache這兩個(gè)文件夾
ps:默認(rèn)安裝位置是:C:\Program Files\nodejs
12.把這兩個(gè)包設(shè)為全局下載存放包和node緩存包。 cmd界面分別執(zhí)行這兩個(gè)命令
ps:雙引號(hào)里面分別是這兩個(gè)新建文件夾的位置,每個(gè)人都不一樣。根據(jù)自己的文件夾位置去執(zhí)行
npm config set prefix "D:\軟件安裝\nodejs\node_global"
npm config set cache "D:\軟件安裝\nodejs\node_cache"
?成果:
?這樣我們的全局下載包和緩存位置就分別更改到了這兩個(gè)剛剛新建的包里面了
(六)配置環(huán)境變量
因?yàn)樵谏弦徊揭呀?jīng)修改了全局下載包和緩存位置,我們的系統(tǒng)還不知道。所以要在環(huán)境變量里面配置環(huán)境變量讓系統(tǒng)知道?
13.右鍵此電腦---屬性---高級(jí)系統(tǒng)設(shè)置--環(huán)境變量--系統(tǒng)環(huán)境變量--path--點(diǎn)擊瀏覽---添加這3個(gè)包的路徑進(jìn)去
ps:這3個(gè)包是node.js安裝目錄下的包
系統(tǒng)環(huán)境變量的path里面成果?
(七)安裝express(內(nèi)嵌http模塊)
14.cmd輸入如下命令安裝express這個(gè)全局變量
ps:如果安裝報(bào)錯(cuò)了看下面17或者18點(diǎn),有對(duì)應(yīng)的解決辦法?
npm install express -g
安裝成功
15.輸入上面這個(gè)命令成功就這樣,就成功了?
安裝失敗
ps:出現(xiàn)這個(gè)錯(cuò)誤是由于對(duì)文件夾的操作權(quán)限不夠?
16.如果輸入該命令,如下界面是失敗?
解決辦法一(最好的辦法)
?17.cmd命令用管理員權(quán)限打開(kāi)再輸入命令就好了
?解決辦法二(其次)
18.點(diǎn)擊node.js的安裝包文件夾,右鍵--屬性--然后按照如下的步驟。給這個(gè)安裝包文件夾勾選上全部能勾選的權(quán)限。?
ps:如果這樣還下載失敗,那就把安裝node.js安裝包文件夾下的node_cache、node_global、node_modules的這些文件夾的權(quán)限也都勾選上就再去運(yùn)行cmd命令就可以成功了。
(八)安裝淘寶鏡像(可以不安裝)
ps:下載 npm 包時(shí)會(huì)從國(guó)外的服務(wù)器下載,國(guó)內(nèi)下載會(huì)很慢。一般更換為淘寶鏡像的cnpm
19.cmd界面輸入如下命令:全局安裝基于淘寶源的cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
翻譯文中圖片為(不要管它):
警告信息 npm WARN deprecated?@npmcli/move-file@2.0.1: This functionality has been moved to?@npmcli/fs?表示某些軟件包(@npmcli/move-file)已經(jīng)過(guò)時(shí)了,并且推薦使用其他軟件包(@npmcli/fs)來(lái)代替。這通常是由于軟件包的更新而導(dǎo)致的。如果您的安裝過(guò)程沒(méi)有被終止,那么這些警告信息通常不需要太過(guò)關(guān)注。
20.檢查鏡像是否安裝成功
npm config get registry
?這樣就是檢測(cè)到淘寶鏡像安裝成功了
(九)全局安裝webpack
21.cmd輸入如下命令
npm install webpack -g
即:?
(十)下載Vue與配置?
下載Vue腳手架?
這是要用到vue不可缺少的一個(gè)環(huán)節(jié)
22.cmd命令輸入以下的命令安裝Vue的腳手架
npm install -g @vue/cli
即:?
這樣就是安裝好了,無(wú)視那些警告什么的,不用管?
配置Vue的環(huán)境變量
23.右鍵此電腦---屬性---高級(jí)系統(tǒng)設(shè)置--環(huán)境變量--系統(tǒng)環(huán)境變量--新建--填寫(xiě)變量名和變量值--確定--確定
變量名:VUE_PATH
變量值:node安裝目錄下的global文件夾(剛剛上面創(chuàng)建文件夾步驟有教創(chuàng)建)
即:?
24.雙擊path,在里面新建添加上%VUE_PATH%
測(cè)試Vue是否配置成功
25.cmd輸入以下的命令(大寫(xiě)的V)
vue -V
?這樣我們的node.js就都安裝完成了,環(huán)境變量也配好了。
三、node報(bào)錯(cuò)大全
(一)npm命令沒(méi)有反應(yīng)(終端)
終端里面輸入命令沒(méi)有任何反應(yīng),換終端,參考此文的方法三
解決:npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path D:\node18\node_cache\_cacache\tmp\71-4048錯(cuò)誤_云邊的快樂(lè)貓的博客-CSDN博客
(二)syscall open、?root/Administrator、node_cache依賴(lài)下載問(wèn)題
都是終端和npm、權(quán)限的這些問(wèn)題,這都是由于當(dāng)前執(zhí)行命令的終端或者軟件沒(méi)有管理器權(quán)限。終端或者軟件沒(méi)有管理員權(quán)限
解決:npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path D:\node18\node_cache\_cacache\tmp\71-4048錯(cuò)誤_云邊的快樂(lè)貓的博客-CSDN博客
解決報(bào)錯(cuò):ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps_云邊的快樂(lè)貓的博客-CSDN博客
(三)無(wú)法加載文件,腳本禁止
vue : 無(wú)法加載文件 D:\軟件安裝\nodejs\node_global\vue.ps1,因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。(解決辦法)_云邊的快樂(lè)貓的博客-CSDN博客
(四)npm ERR! code ERESOLVE下載失敗
npm下載element-ui時(shí)候出現(xiàn)失敗了的解決辦法?
報(bào)錯(cuò):npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree(npm下載失敗解決辦法)_npm 下載失敗_云邊的快樂(lè)貓的博客-CSDN博客
(五) 不是內(nèi)部或外部命令
要么沒(méi)有下載vue的依賴(lài)導(dǎo)致的,要么就是終端沒(méi)有用cmd的,而是用了poweshell,可以參考上面報(bào)錯(cuò)的(一)終端問(wèn)題
‘vue-cli-service‘ 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序或批處理文件。(解決辦法)_vue-cli-service 不是內(nèi)部或外部命令_云邊的快樂(lè)貓的博客-CSDN博客
(六)npm下載慢、淘寶鏡像源無(wú)效、body
使用npm下載的時(shí)候很慢,幾乎卡住了,就是鏡像源的問(wèn)題?
npm下載慢、淘寶鏡像源無(wú)效問(wèn)題:npm ERR! code FETCH_ERRO、Rinvalid json response body at https://registry.npmjs.org_云邊的快樂(lè)貓的博客-CSDN博客
(七)npm卡住在-reify
解決npm卡?。簉eify:caniuse-lite: http fetch GET 200 https://cdn.npmmirror.com/packages/caniuse-lite/1.0.3_云邊的快樂(lè)貓的博客-CSDN博客
如果你覺(jué)得本篇文章對(duì)你有所幫助的,多多支持吧?。?!
點(diǎn)贊收藏評(píng)論,抱拳了!
如果想要安裝包資源??
1.點(diǎn)擊下面那個(gè)云邊的快樂(lè)貓文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-788713.html
2.然后去回復(fù)”node“文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-788713.html
到了這里,關(guān)于node.js下載安裝和報(bào)錯(cuò)大全(express、淘寶鏡像、webpack、Vue)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!