nodejs、npm、cnpm、yarn安裝及環(huán)境配置過程
一、nodejs的安裝
1、官網(wǎng)下載對(duì)應(yīng)系統(tǒng)安裝包 https://nodejs.org/en/download/；
2、安裝時(shí)注意修改安裝目錄，建議放在非C盤目錄下，一路默認(rèn)安裝即可；
3、安裝完成后啟動(dòng)命令行工具，輸入 node -v、npm -v 查看安裝版本，出現(xiàn)提示版本信息即為安裝成功(見圖1) 。
二、配置環(huán)境
1、更改全局模塊安裝路徑和緩存cache的路徑
（1）、打開nodejs安裝目錄，在里面創(chuàng)建node_global和node_cache兩個(gè)文件夾
（2）、打開命令執(zhí)行工具，執(zhí)行以下兩個(gè)命令更改存儲(chǔ)目錄
# 全局安裝目錄 npm config set prefix D:\專業(yè)軟件\NodeJs\node_global # 緩存目錄 npm config set cache D:\專業(yè)軟件\NodeJs\node_cache
2、配置環(huán)境變量
（1）、打開系統(tǒng)屬性-高級(jí)-環(huán)境變量，在系統(tǒng)變量中新建 變量名：NODE_PATH，變量值：D:\專業(yè)軟件\NodeJs\node_global\node_modules。
（2）、編輯用戶變量的 path，將默認(rèn)的 C 盤下的 C:\Users\18280\AppData\Roaming\npm 修改為 D:\專業(yè)軟件\NodeJs\node_global。
三、更換鏡像源
1、臨時(shí)使用淘寶源
# 臨時(shí)更改為淘寶鏡像源 npm --registry https://registry.npmmirror.com install node-red-contrib-composer@latest
2、 全局使用淘寶源
# 修改為淘寶鏡像源 npm config set registry https://registry.npmmirror.com
3、 全局使用官方源
# 修改為官方鏡像源 npm config set registry http://www.npmjs.org
4、安裝cnpm
# 安裝cnpm npm install -g cnpm -registry=https://registry.npmmirror.com
查看當(dāng)前源：npm config get registry
四、安裝yarn
1、下載安裝
# 全局安裝命令 npm install -g yarn 或 cnpm install -g yarn
2、更改模塊及緩存存儲(chǔ)目錄
同樣先在yarn的安裝目錄下創(chuàng)建yarn_global和yarn_cache文件夾，并打開命令窗口執(zhí)行以下命令。
# 全局安裝目錄 yarn config set global-folder D:\專業(yè)軟件\NodeJs\node_global\node_modules\yarn\yarn_global # 緩存目錄 yarn config set cache-folder D:\專業(yè)軟件\NodeJs\node_global\node_modules\yarn\yarn_cache
3、更換鏡像源
# 查看當(dāng)前源 yarn config get registry # 修改為淘寶鏡像源 yarn config set registry https://registry.npmmirror.com # 修改為官方鏡像源 yarn config set registry https://registry.yarnpkg.com
五、安裝VUE腳手架
1、安裝 vue-cli腳手架，首先以管理員身份打開控制臺(tái)，輸入一下命令：
# 全局安裝 vue-cli腳手架： npm install -g @vue/cli 或 cnpm install -g @vue/cli
2、安裝vue-cli-init 項(xiàng)目初始化工具
npm install -g @vue/cli-init 或 cnpm install -g @vue/cli-init
注：上述命令適用于vue3項(xiàng)目 。
3、查看安裝的vue版本：
六、npm、cnpm、yarn的升級(jí)
1、升級(jí)npm
npm install -g npm
2、升級(jí)cnpm
npm install -g cnpm
3、升級(jí)yarn
// yarn查看所有版本 npm view yarn versions // yarn更新到最新版 npm install yarn@latest -g
七、創(chuàng)建VUE3項(xiàng)目
1、打開控制臺(tái)，切換至項(xiàng)目文件夾，輸入項(xiàng)目創(chuàng)建命令 ：vue create vue3_demo
# 項(xiàng)目創(chuàng)建命令 vue create 項(xiàng)目名稱
2、選擇第一個(gè)默認(rèn)項(xiàng)（Default）,創(chuàng)建vue3項(xiàng)目
注：也可以選擇最后一項(xiàng)，自定義創(chuàng)建項(xiàng)目。
3、選擇yarn作為包管理器
4、創(chuàng)建完成
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了如何制作一個(gè)Node命令行圖像識(shí)別工具，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
Node.js利用Express實(shí)現(xiàn)用戶注冊(cè)登陸功能(推薦)
這篇文章主要介紹了Node.js利用Express實(shí)現(xiàn)用戶注冊(cè)登陸功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-10-10
nodejs對(duì)文件中的圖片進(jìn)行歸類操作示例
這篇文章主要為大家介紹了nodejs對(duì)文件中的圖片進(jìn)行歸類的實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
Node.js完整安裝配置指南(包含國(guó)內(nèi)鏡像配置)
本文介紹Node.js的安裝配置過程,包括使用Chocolatey、官網(wǎng)下載、國(guó)內(nèi)鏡像下載等安裝方法,驗(yàn)證安裝,配置國(guó)內(nèi)鏡像源,環(huán)境變量配置,npm配置優(yōu)化,常用鏡像測(cè)速腳本,使用nrm管理鏡像源,及故障排查內(nèi)容,最后推薦了完整的配置命令和立即解決方案,感興趣的朋友跟隨小編一起看看吧2026-03-03
這篇文章介紹了在Ubuntu?18.04上安裝Node.js?14.16.0的詳細(xì)步驟,包括檢查服務(wù)器類型、下載合適的Node.js版本、解壓和移動(dòng)文件夾、編輯環(huán)境變量文件、重新編譯配置文件以及解決可能遇到的版本沖突問題,感興趣的朋友跟隨小編一起看看吧2024-11-11
nodejs 搭建簡(jiǎn)易服務(wù)器的圖文教程(推薦)
下面小編就為大家?guī)硪黄猲odejs 搭建簡(jiǎn)易服務(wù)器的圖文教程(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
基于NodeJS開發(fā)釘釘回調(diào)接口實(shí)現(xiàn)AES-CBC加解密
這篇文章主要介紹了基于NodeJS開發(fā)釘釘回調(diào)接口 實(shí)現(xiàn)AES-CBC加解密,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
node.js部署之啟動(dòng)后臺(tái)運(yùn)行forever的方法
今天小編就為大家分享一篇node.js部署之啟動(dòng)后臺(tái)運(yùn)行forever的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-05-05
Win7系統(tǒng)中如何安裝高版本的NodeJS(親測(cè)有效!)
Node.js是基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境,能夠使JavaScript在服務(wù)器端運(yùn)行,這篇文章主要給大家介紹了關(guān)于Win7系統(tǒng)中如何安裝高版本的NodeJS的相關(guān)資料,需要的朋友可以參考下2023-12-12
Node.js中JavaScript操作MySQL的常用方法整理
這篇文章主要介紹了Node.js中JavaScript操作MySQL的常用方法整理,包括作者對(duì)使用MySQL模塊連接池時(shí)錯(cuò)誤解決的一個(gè)記錄,需要的朋友可以參考下2016-03-03