一、nodejs的安裝

1、官網(wǎng)下載對應(yīng)系統(tǒng)安裝包 https://nodejs.org/en/download/；

2、安裝時注意修改安裝目錄，建議放在非C盤目錄下，一路默認安裝即可；

3、安裝完成后啟動命令行工具，輸入 node -v、npm -v 查看安裝版本，出現(xiàn)提示版本信息即為安裝成功(見圖1) 。

二、配置環(huán)境

1、更改全局模塊安裝路徑和緩存cache的路徑

（1）、打開nodejs安裝目錄，在里面創(chuàng)建node_global和node_cache兩個文件夾

（2）、打開命令執(zhí)行工具，執(zhí)行以下兩個命令更改存儲目錄

# 全局安裝目錄
npm config set prefix D:\專業(yè)軟件\NodeJs\node_global

# 緩存目錄
npm config set cache D:\專業(yè)軟件\NodeJs\node_cache

2、配置環(huán)境變量

（1）、打開系統(tǒng)屬性-高級-環(huán)境變量，在系統(tǒng)變量中新建 變量名：NODE_PATH，變量值：D:\專業(yè)軟件\NodeJs\node_global\node_modules。

（2）、編輯用戶變量的 path，將默認的 C 盤下的  C:\Users\18280\AppData\Roaming\npm 修改為  D:\專業(yè)軟件\NodeJs\node_global。

三、更換鏡像源

1、臨時使用淘寶源

# 臨時更改為淘寶鏡像源
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、更改模塊及緩存存儲目錄

同樣先在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腳手架，首先以管理員身份打開控制臺，輸入一下命令：

# 全局安裝 vue-cli腳手架：

npm install -g @vue/cli
或
cnpm install -g @vue/cli

2、安裝vue-cli-init 項目初始化工具

npm install -g @vue/cli-init
或
cnpm install -g @vue/cli-init

注：上述命令適用于vue3項目 。

3、查看安裝的vue版本：

六、npm、cnpm、yarn的升級

1、升級npm

npm install -g npm

2、升級cnpm

npm install -g cnpm

3、升級yarn

// yarn查看所有版本
npm view yarn versions

// yarn更新到最新版
npm install yarn@latest -g

七、創(chuàng)建VUE3項目

1、打開控制臺，切換至項目文件夾，輸入項目創(chuàng)建命令 ：vue create vue3_demo

# 項目創(chuàng)建命令
vue create 項目名稱

2、選擇第一個默認項（Default）,創(chuàng)建vue3項目

注：也可以選擇最后一項，自定義創(chuàng)建項目。

3、選擇yarn作為包管理器

4、創(chuàng)建完成

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。