VUE开发环境的搭建

1.在开发vue之前要先下载node.js，网址：https://nodejs.org/en/；一般下载左边的10.16.3.LTS，建议同时安装node.js和npm的。（忽略截图中的水印--公司护网没办法。。。。）

---

 

在网上找了份详细的安装步骤：https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html

如果安装淘宝镜像时输入cnpm -v报错cnpm不是内部命令（查找是环境变量的原因时），

解决方法如下：

找到自己的安装目录，一般在C盘，我的目录如下C:\Users\Administrator\AppData\Roaming\npm（可以在自己之前输入命令的命令行查看安装镜像的路径），看到目录下有cnpm文件。

在命令行中进入到该目录下运行cnmp -v，发现可以正常执行。

想要在任何目录下可以执行可以在环境变量中配置。右键我的电脑----属性----高级系统设置---环境变量----系统环境变量----在path中新建将上述的路径填写----确定。再次在之前的命令行输入cnpm -v 则可以运行成功。

2.用命令行的方式安装vue：此处我们使用vue-cli进行安装，它将包含vue（也就是不需要再进行vue的安装操作）

cnpm install --global vue-cli；安装完成之后，输入vue出现如图所示，则说明vue安装成功。

3.新建一个vue项目：此处建议换个目录（最好不要放在C盘），因为vue下载下来的文件比较大。比如 切换到E盘直接输入E:进入E盘想进别的目录直接cd 目录名（如果只输入命令dir则可以看此目录下的所有文件）。基于webpack的项目：

vue init webpack my-vue进行安装，project是我的目录

因为各个模块之间是相互依赖的，进入目录添加依赖，命令cnpm install： 

输入cd my-vue;

输入cnpm run dev：

在浏览器中输入http://localhost:8081：

出现vue界面则说明vue部署搭建成功。