• node.js下载地址与安装
• 配置node.js
• 使用vue ui创建vue项目
  1. 安装 vue cli
  2. 使用vue ui 命令打开可视化图形界面

下载与安装

傻瓜式安装即可 -- node.js下载地址

• 至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
  在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

node -v
npm -v 

此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

配置

淘宝镜像安装

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

配置全局模块所在的路径，以及缓存cache的路径

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

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

• 进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】
• 将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，
输入如下命令进行模块的全局安装：

npm install express -g
# -g是全局安装的意思

使用vue ui创建vue项目

先查看有没有安装vue cli

vue -v

使用vue -h 查看有没有 vue ui

vue -h

图片.png

如果没有则先卸载老版本

npm uninstall vue-cli -g

然后下载最新vue则可

npm install @vue/cli -g

之后使用 vue ui 命令即可打开可视化界面创建VUE项目