框架：vue2.x + element
step1：环境安装
node：nodejs.cn/download/ ，正常安装，选择add to path，就不用配置环境变量了
vs code：nodejs.cn/download/ ，正常安装，选择add to path，就不用配置环境变量了
step2：vue-cli (vue脚手架)，搭建项目
参考搭建文档：segmentfault.com/a/119000002…
vue-cli介绍文档：cli.vuejs.org/zh/guide/
1. 打开vs code
-
快捷键 ctrl+~ 调起终端
-
npm install -g @vue/cli
-
vue init webpack vue-demo
*可能出现的报错：* *+ CategoryInfo : SecurityError: (:) []，PSSecurityException*\ *+ FullyQualifiedErrorId : UnauthorizedAccess* *解决方法：<https://cloud.tencent.com/developer/article/1612513>* -
配置项目信息
step3：项目目录
- build 文件夹，用来存放项目构建脚本
- config 中存放项目的一些基本配置信息，最常用的就是端口转发
- node_modules 这个目录存放的是项目的所有依赖，即 npm install 命令下载下来的文件
- src 这个目录下存放项目的源码，即开发者写的代码放在这里
- static 用来存放静态资源
- index.html 则是项目的首页，入口页，也是整个项目唯一的HTML页面
- package.json 中定义了项目的所有依赖，包括开发时依赖和发布时依赖
step4：运行
npm run dev，具体命令以package.json中的为准
step4：创建第一个vue界面
尽量布局组件（类似于布局文件，导航栏，header等）和界面分开文件夹
vue文件主要分成三个部分 ：
<template>
写组件信息，参考elementUI
</template>
<script>
逻辑代码，js
</script>
<style>
css 或其他样式
</style>
*运行后，可能存在的报错：*
*did you register the component correctly?*
解决方法：需要安装并引用Element-UI
安装：npm i element-ui -S
引用：main.js中
import ElementUI from 'element-ui'
Vue.use(ElementUI);
step5：为新页面添加路由
安装：创建项目的时候，直接选择使用，默认安装
位置：router文件夹中的index文件
// 一个花括号代表一个路由，即一个页面的跳转
// 路由写完之后，需要在vue中展示路由（嵌套路由） 语句：
嵌套路由
一般导航下，跳转不同tab需要用到嵌套路由
step6：增加布局
布局容器
导航菜单，导航涉及到嵌套路由
step7：编写业务逻辑
data(){} 中定义数据
methods:{} 中定义方法
1.接口调用：
axios安装：npm install axios
axios引用：
main.js中，
import axios from 'axios'
Vue.prototype.axios = axios;
2. 函数调用：
step8：跨域处理
proxyTable: {
'/api': {
target: 'host',
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
},
在使用host的地方替换成 /api
可能会出现的问题，处理完成后，不报跨域了， 但是报错404，先npm install ，再npm run dev 试下
