vue3安装及环境配置

1、安装 Node.js

• Node.js 官网：https://nodejs.org/en/download

   根据直接的版本去下载，

• 安装成功后，在cmd控制台输入nonde -v 和npm -v 验证是否安装成功

   

  配置默认安装目录和缓存日志目录

• 创建默认安装目录和缓存日志目录（我的nodejs目录在D盘，所以直接在nodejs文件夹下创建

• 执行命令，配置默认安装目录和缓存日志目录到刚才创建的文件夹

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

2、配置环境变量

• 在系统变量下新建 NODE_PATH 变量，输入默认安装目录 node_global 下的 node_modules 的路径
   
• 进入系统变量的Path，输入nodejs安装路径
• 进入用户变量的Path，输入 nodejs 默认的模块调用路径
• 

 3、配置淘宝镜像

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证是否安装成功

cnpm config get registry

4,安装vue和脚手架

安装vue.js

cnpm install vue -g

 验证安装是否成功

cnpm info vue

npm list vue

 安装webpack模块

cnpm install webpack -g

安装webpack-cli

cnpm install --global webpack-cli 

5.安装vue-cli 3.x

cnpm install @vue/cli –g

6,创建vue3项目

• 以管理员身份打开 cmd 控制台，进入想要创建项目的目录，开始创建项目
• vue create [项目名称]