致敬前后端分离——测试如何在本地运行vue项目

——由于需要用到npm包管理安装环境，可以自行百度windows上安装Node.js的方法。

一、搭建好Node.js之后，来看看vue-cli脚手架的搭建

1、打开cmd命令窗口，输入以下命令：

npm install -g vue-cli 
或者使用国内的淘宝镜像 
npm install -g cnpm --registry=https://registry.npm.taobao.org

2、假设已经用svn或者git将前端的vue项目代码拉取到本地了，项目路径为E:\Project，在cmd命令窗口中cd到项目路径之后：

    执行 npm install，

    或者 cnpm install 安装相关依赖；

    可以看到以上是成功安装依赖后的界面。

3、执行 npm run dev 命令，启动项目 

    这时候就可以使用ip地址成功访问项目。

4、当然有些小伙伴看到的可能是http://localhost:8080，此时只能在自己的电脑上访问，如果想要分享到局域网内的其他PC上，那么设置ip地址则显得尤为重要。

    打开本地项目的代码目录

    找到config/index.js文件：

    可以看到，这里可以自定义主机跟端口，修改完保存重新运行即可。

二、总结

    由于使用线上服务器测试的时候有各种不便，所以才有了在本地运行vue项目的想法。但是当前端项目过多的时候，运行起来也是无法避免的极其繁琐，但有个极为明显的好处就是本地代码有更新的时候会自动更新部署，所以有需要的可以自己搭建环境，抱着自己动手丰衣足食的念头值得一试。（同样不喜勿喷，欢迎补充~）