- 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项目
