概述
首先我司最新的项目架构采用的是前后端分离模式，前端使用VUE框架，采用多页面开发，引入组件化设计思想，提高代码重用率进而提高开发效率；后台使用微服务治理。微服务工作在此前项目已经搭建完成，此次仅针对前端项目执行流程进行简要梳理。
流程
注意：如下流程的前提需要下载安装好node,以及ide-vscode
- 创建项目可参考官网：介绍 | Vue CLI
- vs code打开项目根目录
- 设置npm注册指向到本地私服地址：npm config set registry http://ip:port/repository/(仓库地址可以设置为第三方地址，也可以为公司搭建的私服地址)
- 通过npm包管理器安装项目需要的插件：npm i //npm i = npm install，是安装各种包在dependencies中，也就是说生产和开发都会用到。
- 执行 npm run serve，即项目启动
- 访问：http://localhost:8080/页面所在包的名称
提示：在项目目录下的package.json中的rules里添加属性："no-unused-vars": "off",会消除一些不紧要的错误提示，但不加也不影响项目执行
扩展
单页面和多页面开发核心区别
传统系统开发的页面跳转其实大多数都是后端路由，在不同页面间进行请求跳转，属于多页面开发；而我们在使用Vue写的路由是属于前端路由，是用于实现组件间跳转的,最终都是挂在一个页面上，所以属于单页面应用。后端路由在跳转时会向服务器发送请求，而前端路由则不会向服务器发送请求。