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