项目流程 介绍

项目流程
项目介绍

首先我的项目是根据给的接口文档跟效果图来判断是怎么类型的，主要有移动端跟后台系统PC端两部分，如果是后台PC端的话就用element ui来布局，如果是移动端项目就采用vant ui 来布局。

我们开发项目做的
第一步：搭建脚手架 我们之前做的项目是采用2.0版本的，现在项目都是3.0版本,开始下载脚手架。下载的时候要注意选择配置。

第二步：脚手架下载成功之后，下载我们的axios,依赖，和我们需要的插件，配置我们的axios,跨域，拦截器，跟我们的路由，我做的项目都是采用组件封装的方法，封装好的组件便于我们方便，高效率的使用，减少了很多的时间，把我们的头部，底部，轮播图等等封装成独立组件，哪里需要就引用到哪里。我们要配置我们的环境变量，主要有我们的开发环境，测试环境，生产环境，创建相应的文件，这样修改起来方便，不需要重启项目，符合开发习惯。

axios:我们需要在根目录下创建一个utils文件夹，里面创建一个request.js文件来封装axios, 封装 axios ,开发者需要根据后台接口做修改。设置请求头，例如：token,可以对接口返回数据处理。

拦截器：有全局拦截器跟响应拦截器。我们页面的loading动画在全局拦截器里面开启。
响应拦截器里面登录超时，token值过期，就退出登录，返回到我们的首页。

sass:下载sass ,sass是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 Compass）有助于更好地组织管理样式文件，以及更高效地开发项目。可以使用变量声明等等。

跨域：配置跨域，我们开发的页面在没有登录成功不允许通过地址栏去访问其他页面。

我在开发项目中也用到了vuex,我们在大型项目中为了防止页面刷新丢失数据，放在localStorage或者sessionStorage里面，进入页面时判断是否丢失，丢失再去localStorage或者sessionStorage里面取。
我么登录的时候把我们的token值存到我们的vuex中。

做项目中利用vant ui插件方便高效率的促进了我们开发项目的速度，比较方便简洁，有挺多现成的组件可以方便我们使用，不用我们浪费时间，直接拿出来引用注册一下就可以使用。例如我们的tabber,选项卡，按钮等。我也熟练的阅读使用。

这些项目都是我一个人独立开发配置的，从零到有，一个一个下载配置，接口封装了几十个，但这不是一次性封装的，是封装几个我做项目用的，然后后期不够了需要哪个封装哪个，从我们的项目拿到手里到上线，这些步骤流程我已经非常的了解。