本地启动vue项目

前言

最新想开发一个前后端分离的项目，一直想开始的，拖延了好久终于决定要对它下手了。最早的时候开发的时候使用的还是JSP，那个时候使用的还是EL表达式，后来切换到Spring和SpringMVC之后采用的是HTML+JS的all in one的模式，虽然也可以称为前后端分离，但是还是耦合在一个大工程里面。到最近的项目拆分为前后端完全分离的模式。由于公司组织结构调整，前后台完全分离，所以对前端技术有点生疏了。需要及时补救一下。虽然VUE已经是一个很流行的框架了，但是三天不练手生，所以还是决定自己搞一个项目练练手。然后记录一下其中遇到的问题。这个项目也是在别人的基础上进行的开发改造。

项目开始

这个项目也是借鉴别人的基础，由于样式调试确实麻烦，而且对于我来讲可能还是偏重于业务实现。

项目调试

项目的框架弄好之后，需要做的就是先调试一下项目了，现在还是没有做任何的更改，直接启动项目。

本地启动

由于是练手项目，就没有把项目部署到服务器，而是采用的本地启动不是dist的方式。使用webpack打包dist，至于使用webpack怎么打包，下次再讲。本地仅仅记录如何本地启动已经打好的dist。

部署步骤

• 环境要求
  首先要确保自己的电脑是已经安装了node，这个是最基本的，估计前端开发没有不安装的吧？
• 执行 npm run build
  进入当前项目，执行命令 npm run build，这样就会出现打包好的dist文件夹。
• 安装本地运行服务器
  在命