一、node.js 安裝（windows）

1、下載并安裝node

https://nodejs.org/en

安裝到 D:\Java\nodes 路徑

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

檢查是否安裝成功

3、配置全局包存放目錄和緩存目錄

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

4、安裝 cnpm

安裝cnpm，國內(nèi)鏡像進(jìn)行安裝（管理員身份進(jìn)入命令行）

4.1 配置淘寶鏡像

npm config set registry https://registry.npm.taobao.org

驗(yàn)證

npm config get registry

4.2 安裝 cnpm

npm install cnpm -g

安裝好后需要執(zhí)行一下操作，不然沒辦法正常使用 cnpm 命令

把 D:\Java\nodes\node_global 下的 cnpm、cnpm.cmd 文件移動到 D:\Java\nodes 路徑下

把 D:\Java\nodes\node_global\node_modules 下的 cnpm 文件夾移動到 D:\Java\nodes\node_modules 路徑下

二、安裝 vue

1、安裝 vue3

cnpm install vue@next

2、創(chuàng)建項(xiàng)目

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

安裝好后需要執(zhí)行一下操作，不然沒辦法正常使用 vue 命令

把 D:\Java\nodes\node_global 下的 vue、vue.cmd 文件移動到 D:\Java\nodes 路徑下

把 D:\Java\nodes\node_global\node_modules 下的 @vue 文件夾移動到 D:\Java\nodes\node_modules 路徑下

創(chuàng)建項(xiàng)目（cmd 命令換個路徑 F:\Code\vue）

vue init webpack vue3_example

進(jìn)入項(xiàng)目

cd vue3_example

運(yùn)行

npm run dev