项目搭建

Day02 移动端项目搭建的准备工作

一.在准备做项目的时候，我们要先搭建一个vue脚手架

搭建脚手架的流程：cmd
1.vue create 文件名名称
2.

3.

4.
5.
6.项目搭建完成
2.配置依赖库
cnpm install 命令

3.配置vant-ui axios
cnpm i vant-ui axios -s 命令

二.配置路由组件

在src目录下views目录/components目录，里面写我们的vue组件
在router目录下的index.js里 配置路由

三.配置vant-ui
在main.js里全局引入vant-ui

四.配置路由守卫
在router的index.js配置一下路由守卫
beforeEnter: (to, from, next) => {
判断本地存储的token
}
五.配置路由拦截
在src目录创建一个http文件夹
文件夹里创建一个index.js文件
1.首先引入axios
2.axios.create创建，basurl获取接口信息，timeout是超时时间，把创建的axios付给一个变量
3.请求拦截器里，获取token值，在请求头heared写入token令牌
4.响应拦截器里，可以根据项目，来进行状态判断，状态对的时候，return一个data
5.导出axios
6.在main.js文件里，引入http文件夹
7.Vue.prototype.$http=http

六.项目路由
这个就根据项目需求，定义组件，然后，在router下的index.js配置，
二级路由配置 children:[]

七.git
如果，用到，git远程仓库，，首先在github创建一个空的仓库，(然后克隆到我们本地仓库，git clone命令)
(，创建项目，就上面的流程)创建好后，我们把创建好的项目推送到我们的远程仓库里 git add . 和git commit -m 提交一下，然后用git push命令 推送到远程仓库里，在多人创建一个项目的时候，我们一般以自己的名字来创建一个子分支，不能在master默认分支上做项目，然后创建子分支的命令是，git
branch 自己的名字 命令，我们可以用git branch命令来查看是否在自己的分支上，如果没在自己的分支上，要用git checkout命令来切换到自己的分支上，然后去做项目
项目做完后，我们要与远程仓库的数据，保持一致，所以要把本地仓库的数据，提交到远程仓库，同时多人开发一个项目的时候，我们要先拉取一下远程仓库的数据，然后在推送，git add .和 git commit -m 命令来提交一个数据，然后推拉的过程，这时，我们有可能会有冲突存在，冲突的存在是因为，远程仓库和本地仓库在同一个地方做过更改，不知到要留取那个，才会有的冲突，解决冲突，是要手动解决的，就是把以左尖括号开头，===过滤，右尖括号结束的部分删除就行
等项目完成，我们要从子分支切换到主分支上，进行，分支合并 git merge 命令来进行分支合并
*在做项目的时候，难免会对之前自己的分支不满意，需要删除分支，我们会用 git branch -d命令，-D是强制删除