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