问题
本文是以完成一个项目的流程概念和兼容问题
收获
你对项目一个流程和兼容有个大体的概念
项目流程
需求阶段
这个阶段主要是跟客户交流，了解客户的需求，跟团队讨论项目的可行度，具体方案
开发阶段
开发阶段属于前端工程师的参与阶段，主要是根据设计图进行还原设计，在开始写代码前要做好统一的开发环境，根据UI设计图进行组件化封装，提取公共样式，跟后端人员沟通，一起开发，开发过程中进行测试，优化，为以后的维护成本做打算
测试阶段
当项目准备上线，就要进行测试，修复bug的存在，当bug修复完就可以发布线上环境，进行产品验收
维护阶段
该阶段属于项目已经上线，代表着进行后期的维护阶段，对以后程序上线后出现的bug和版本更新进行维护
开发阶段的一些流程
下载node.js，在window+R打开运行，输入cmd打开控制面板，输入(node-v和npm-v)，基本都没问题
因为npm下载很慢，所以我们下载镜像淘
npm install -g cnpm --registry=https://registry.npm.taobao.org
搭建脚手架创建项目
第一种方法：vue-cli安装全局npm install -g @vue/cli，vue create hello-world创建一个hello-world项目
第二种方法：vue ui
第三种方法：自已搭建webpack，可以尝试下
启动项目搭配好结构布局
到了这一步说明前面都没啥问题，项目可以正式启动，浏览器可以运行起来了，并且搭配好了常用结构布局
写代码并且提交GitHub
我们知道，一个项目完成不是一天两天的事情，所以需要一个GitHub帮你保存，不懂GitHub创建仓库流程可以看下我这篇文章
优化项目
说实话，优化项目真的是重中之重，因为优化项目代表着提高客户的体验感，对于前端来说，这无疑是最重要的了，优化的方法太多了，从插件，组件化，请求，代码等等，有空再出个优化项目的文章单独说说吧
测试项目打包上线
其实前面开发项目过程中就会测试项目的，这里面涉及到了兼容问题
兼容其实就是不同版本浏览器对代码解析的不同，例如(IE6浏览器)对于老版本的浏览器，有些代码是解析不出来的，或者有不同的解析结果
可以通过can i use去百度查看不同浏览器支持的版本
所以兼容问题分三种：HTML、CSS、JS，重点是CSS
bug修复完就是部署上线了
