致敬前后端分离——测试如何在本地运行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项目的想法。但是当前端项目过多的时候，运行起来也是无法避免的极其繁琐，但有个极为明显的好处就是本地代码有更新的时候会自动更新部署，所以有需要的可以自己搭建环境，抱着自己动手丰衣足食的念头值得一试。（同样不喜勿喷，欢迎补充~）

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/dreamy1024/article/details/87360629
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 03:40:21
阅读 ( 1000 )
分类：前端