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

 

 

Logo

前往低代码交流专区

更多推荐