项目初始化 步骤

1. 安装 vue 脚手架
2. 通过 vue 脚手架创建项目
3. 配置 vue 路由
4. 配置 element-ui 组件库
5. 配置 axios 库
6. 初始化 git 远程仓库
7. 将本地项目托管到 github 或码云中

安装vue ui npm i @vue/cli -s

运行vue ui
打开cmd，定位到目录，运行 vue ui 进入图型界面

在vue ui 界面中 创建项目 1.创建，选择目录 2.填项目名称，和git初始化名称，其它默认 3.预设选手动 4.功能： 选中 babel , router, linter/formatter 和 使用配置文件， 其它默认 5.配置， router history 关闭， linter先stand

安装element-ui 插件-添加插件-搜索 vue-cli-plugin-element 安装1.0.1 安装好后，配置插件 fully import 改为 import on demand （按需调用）其它默认

配置安装 axios vue ui 界面选‘依赖’ - 安装依赖 - 搜索 ‘axios’ 安装0.18

创建 git 仓库 1.添加公钥 找到生成公钥 按git文档打操作 2.生成好公钥后，在终端输入: ssh -T git@gitee.com 返回hi xxx....表示成功 3.在git 网页上创建仓库，并作 git 全局设置 4.本地打包文件, 运行： git add . git commit -m "提示信息" 推送： 运行： git remote add origin https://.....(地址从仓库复制) git push -u origin master

后台项目的环境安装配置

1. 安装 mysql 数据库
2. 安装 node.js 环境
3. 配置项目相关信息
4. 启动项目
5. 使用 postman 测试后台项目接口是否正常

安装 phpstudy 2016 安装完配置： 1.运行 mysql 停止 apache 2.mysql管理器 - 设置密码 root - 选择要还原的文件： 找到：vue_api_server-db-mydb.sql-还原到数据库名称： mydb.sql - 导入 验证： phpstudy菜单-其它-mysql工具-打开数据库目录-mydb

用postman 测试数据

1. 终端定位到vue_api_server, 安装npm依赖 : npm install
2. 运行 node .\app.js 有内容显示表示成功
3. 查看md 说明文档
4. 安装 使用 postman
    post :  api根路径
    body , x-www-form-urlencoded
    填数据库所拥有的用户和密码
    key:username value:admin
    key:password value:123456
    "token" 的作用是用来验证登陆状态

------------------以上为初始化部份，以下讲实现登录/退出功能

登陆/退出功能 登录业务流程

1. 在登录页面输入用户名和密码
2. 调用后台接口进行验证
3. 通过验证后，根据后台的响应状态跳转到项目主页

技术点： http是无状态的 通过cookie 在客户端记录状态 通过session 在服务器端记录状态 通过token方式维持状态

创建分支 用 git status 查看是否 clear 用 git checkout -b login --创建分支名叫login git branch --查看分支

安装less依赖 vue ui - 开发依赖 搜索： less-loader 4.1.0 leess 3.3.9