Spring Boot+Vue前后端分离商城实战（十四）Vue 商城端项目启动及注意事项

前言

在正式开发项目前，我们把整个前端的应用架构搭建整齐。

我曾经很多次在没有把项目架构搭建完善的情况下，仓促的开始了项目的开发，结果就是遇到一个问题就去完善一个问题，就比如忘记添加路由，又要去把路由文档看一遍，忘记添加 Vuex 全局状态管理、移动端的适配等等，被这些琐碎的事情打断了我开发业务的思路，这是得不偿失的，笔者不希望读者们也重复踩坑，学习的目的就是不踩前人踩过的坑，少走一些弯路。

H5 开发环境搭建

初始化项目

本项目使用 Vue-CLI 进行项目的初始化，当然有能力的同学可以自己从零开始搭建。就我个人而言，我觉得项目的搭建不用过于拘泥，程序员需尽量回归业务，多去思考如何将业务做的更贴合用户的使用习惯。有点扯远了，我们回到正题。
首先通过命令行初始化项目（前面的章节已经介绍过 Vue-CLI，默认全局安装了 Vue-CLI）：

// mac 用户若是初始化的时候出现权限的问题，建议使用 sudo vue create newbee
vue create newbee

运行指令后，大家若是建立空项目，可选择第一个「default」。若是希望在