前端服务器启动

1.安装nodeJs

①安装包下载

官网下载Node.js 

②运行msi文件

我存在E盘下nodejs文件夹下

③设置nodejs prefix（全局）和cache（缓存）路径

在nodejs安装路径下，新建node_global和node_cache两个文件夹

设置缓存文件夹

进入到Windows dos界面，进入nodejs文件夹目录下。执行下方命令

npm config set cache "E:\nodejs\node_cache"

npm config set prefix "E:\nodejs\node_global"

④基于 Node.js 安装cnpm（淘宝镜像）

说明：由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue。淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

进入到Windows dos界面，进入nodejs文件夹目录下。执行下方命令

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

⑤ 设置环境变量（非常重要，方便以后使用）

说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径

1.鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。

2.修改系统变量PATH

 

 3.新增系统变量NODE_PATH

温馨提示：

记得点击保存，否则环境变量无法生效。

另外dos界面需要关闭重新开启，全局变量方可生效！

2.安装VUE

①安装vue框架

进入到Windows dos界面，执行下方命令

cnpm install vue -g

 

② 安装vue命令行工具，即vue-cli 脚手架

进入到Windows dos界面，执行下方命令

cnpm install vue-cli -g