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

版权声明:襄阳雷哥的版权声明 https://blog.csdn.net/FansUnion/article/details/88870289

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

前端解决方案之一,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 提供了技术支持

猜你喜欢

转载自blog.csdn.net/FansUnion/article/details/88870289