5步搞定vue-webpack前端项目本地启动

为提高生产效率，越来越多的公司，采用了前后端分离开发模式。

前端解决方案之一，vue-webpack之类的模式，后端提供http API JSON格式的数据。

Web前端工程师和Java/PHP/Python各自开发，然后联调。

 

前端，可以模拟json格式的数据，方便开发。

同理，后端也可以应该把前端的项目，启动起来，直接自己联调。

 

之前学习过vue，大概熟悉webpack，今天把前端项目跑起来了，写点关键的步骤。

1.安装node

  node-v10.15.3-x64.msi

Node.js : http://nodejs.cn/

2. 安装npm

淘宝NPM: https://npm.taobao.org/

 npm-v6.9.0.zip

3.进入前端项目目录

  cd /d D:\GitRepos\account_frontend

4.安装依赖

   npm install

5.启动项目

   npm run dev

6.项目相关的配置调整

  后端http项目的 ip和端口号，比如 target: 'http://192.168.1.1:80'

 vue router路由调整

 登录/菜单/权限控制 之类的

 

 

参考资料：https://www.cnblogs.com/yominhi/p/7039795.html

https://blog.csdn.net/qq_30068487/article/details/81559223

https://blog.csdn.net/caimingxian401/article/details/80370807

前端工程师 @dekun.tang 提供了技术支持