一. vue-cli创建项目

1. 安装vue-cli

2. 创建项目

vue create 项目名称

3. 切换到项目目录中

cd 项目名称

4. 启动项目

npm run serve

二. 加入git版本管理

1. 创建远程仓库 github为例

2. 如果没有本地仓库

3. 如果有本地仓库

简写就是-u

4. 下次修改后提交代码

三. 调整初始化目录结构

• 删除初始化的默认文件
• 新增需要的目录结构

修改后提交代码命令

git status // 看下修改状态

git add .

git commit -m '说明'

git push // 推送到远程

四. 导入Element

1. 安装

npm i element-ui -S

2. 在mian.js中配置element组件库

接下来用就可以直接使用组件了

五. 封装请求模块

在新建的文件utils中创建request.js文件

要下载axios

不建议直接修改axios，所以axios.create相当于复制一份axios。

六. 登录组件

在vuecli创建的项目中@表示src目录，它是src目录的路径别名。好处是不受当前文件路径影响。