安裝nodejs
Win7 支持的 NodeJs 最高版本為 13.14.0,下載是去歷史版本中尋找。
下載地址::以往的版本 | Node.js
安裝: next 安裝完成,修改了安裝目錄:D:\Program Files\nodejs;
1.測(cè)試nodejs 是否安裝成功 ----在cmd中輸入node -v? ?成功會(huì)輸出node.js 的版本
2.測(cè)試npm是否自動(dòng)安裝??----在cmd中輸入 npm -v? ? ?成功會(huì)輸出npm??的版本
3、安裝完成修改一些配置:設(shè)置 下載的全局組件依賴包和緩存 存放的位置,默認(rèn)是 c盤User。。
cmd 修改為node.js安裝目錄下
npm config set cache "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global"?
系統(tǒng)會(huì)自動(dòng)創(chuàng)建這兩個(gè)文件夾node_global,node_cache
4.配置 nodejs 環(huán)境變量
?1、用戶變量:修改PATH,添加??D:\Program Files\nodejs\node_global
?2、系統(tǒng)變量:新建變量名:NODE_PATH 值為 D:\Program Files\nodejs\node_global\node_modules
5.安裝 cnpm:
npm install cnpm@7.1.0 -g? // 指定版本,win7不支持8.2以上
# 查看cnpm版本
cnpm -v
6、更換為淘寶鏡像:
npm config set registry=https://registry.npm.taobao.org
# 查看鏡像
npm config get registry
cnpm -v 查看版本
注意:推薦使用npm安裝,服務(wù)器網(wǎng)絡(luò)不好可以使用淘寶鏡像 :cnpm安裝,速度快很多但是依賴容易出錯(cuò)
win7支持的node更高版本問題:
目前win7支持的node最高版本是13.14,然而有些時(shí)候我們從Github下載的項(xiàng)目運(yùn)行時(shí)會(huì)報(bào)錯(cuò)
error commander@9.0.0: The engine "node" is incompatible with this module. Expected version "^12.20.0 || >=14".?
解決辦法就是安裝指定的版本(12.20.0)或者大于14的版本
win7不可以直接在node官網(wǎng)下載node.js 14.15.0版本,要通過解壓的方式來安裝
react / Vue支持的node版本是14以上,但是電腦用的win7系統(tǒng),又不好換系統(tǒng)的,到處巡邏幫助最終解決了這個(gè)問題?,F(xiàn)將這個(gè)方法分享出來 ,讓還在使用win7系統(tǒng)的小伙伴,解決這個(gè)小問題。
起初為了安裝node, 安裝的是node.js 13.14.0版本
但是現(xiàn)在react / Vue不支持低版本的node,怎么解決呢?
?第一步:下載WIN7支持的node 14版本下載地址:Index of /download/release/v14.15.0/,記住一定要下載zip結(jié)尾的。
第二步:解壓壓縮包,覆蓋替換到舊的安裝目錄。我的是 D:\Program Files\nodejs
第三步:打開命令行,輸入set NODE_SKIP_PLATFORM_CHECK=1,執(zhí)行它,其作用是忽略平臺(tái)審查。
最后 node -v?
?14版本的node就安裝好了~~
要注意的是:每次關(guān)閉cmd之后都要重新輸入
set NODE_SKIP_PLATFORM_CHECK=1, 可以配置系統(tǒng)變量:
操作步驟:
1.打開 計(jì)算機(jī)->屬性->高級(jí)系統(tǒng)設(shè)置->環(huán)境變量->系統(tǒng)變量,把node的安裝路徑增加到Path里面:?D:\Program Files\nodejs\
2.系統(tǒng)變量新增一個(gè)變量名:NODE_SKIP_PLATFORM_CHECK
變量值:1
就可以不用每次關(guān)閉之后啟動(dòng)cmd都要設(shè)置了!
安裝vue和vue腳手架:
就是安裝vue-cli 這里我安裝的是指定版本號(hào)3.12.0,可自行修改
npm install -g @vue/cli@3.12.0? //安裝指定版本號(hào) 的 vue-cli
npm install -g @vue/cli? ?//安裝最新版本
npm install -g vue-cli? ? ? ?//安裝2.9.6版本
注意:3.0以下版本不支持 vue ui命令開啟界面管理
安裝 webpack 打包工具:
繼續(xù)安裝webpack 這里我也是安裝了指定版本號(hào)3.6.0,因?yàn)槟_手架3依賴這個(gè)版本
npm install webpack@3.6.0 -g //指定3.6.0版本
npm install webpack -g //安裝最新版本
這里基本的都已經(jīng)安裝完成了
測(cè)試安裝是否成功
node -v? ?// 我的是?14.15.0
vue -V? ???// 我的是?5.0.8
webpack -v
測(cè)試一下能否運(yùn)行成功?npm run serve
基于 vue-cli 構(gòu)建 vue3 工程
vue create vue-admin
創(chuàng)建好之后我們按照提示 cd進(jìn)入項(xiàng)目所在目錄,然后3.0的腳手架是運(yùn)行命令:?npm run serve 如果你是用2.0腳手架運(yùn)行命令就是 npm run dev
出現(xiàn)的問題:
問題一:安裝vue腳手架,遇到Cannot find module ‘fs/promises’ 問題
查看 cnpm 的版本是否 >=8.2.0,高版本的cnpm無法在 13.14.0 的node?版本下使用,使用命令將 cnpm 降低版本即可。
# 查看cnmp版本
cnpm -v?# 首先卸載已安裝的 cnpm
npm uninstall -g cnpm# 安裝指定版本 cnpm
npm install cnpm@7.1.0 -g
問題二:NodeJs 版本與 Vue3 不匹配的情況:
由于開頭選擇的是 Win7 系統(tǒng)下最高版本 13.14.0 的 NodeJs,出現(xiàn)上述 NodeJs 版本與 Vue3 不匹配導(dǎo)致的情況,提示信息里描述將 NodeJs 降到 12.0.0 或者 提升到 14.0.0 及以上版本即可。
我是下載的 14.15.0 的? x64 zip 壓縮包 解壓之后 替換 的nodejs的安裝目錄
node14.15.0版本是需要匹配對(duì)應(yīng)的npm版本?文章來源:http://www.zghlxwxcb.cn/news/detail-464406.html
在這里匹配安裝的npm版本是6.14.8文章來源地址http://www.zghlxwxcb.cn/news/detail-464406.html
到了這里,關(guān)于win7安裝高版本的node解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!