用vue创建项目

1. 创建新项目 vue create projectName2. 安装elementUI vue add element-ui 下面两个选项都选no ? Use scss theme? No ? ElementUi i18n options None3. 文件介绍 untils文件 —工具文件夹，里面存放工具文件，比...

1. 创建新项目
vue create projectName

2. 安装elementUI
vue add element-ui
下面两个选项都选no
? Use scss theme? No
? ElementUi i18n options None

3. 文件介绍
untils文件 —工具文件夹，里面存放工具文件，比如ajax的初始化，表单校验文件
src文件夹里面的assets文件用来存放一些图标或者图片
src文件夹里面的components文件夹一般用来存放一些公共组件，所有页面都能用的上 的，比如页面头部文件和页面底部文件
单独版块的文件一般分开放到文件夹里面，每个版块对应一个文件夹，这些文件夹可以都放在src文件夹里面，也可以在src文件夹里面新建views文件夹，然后将各个版块的文件夹都放在views文件夹里面
filter文件夹里放过滤器函数

4. 安装normalize.css
初始化所有浏览器的css样式
npm install normalize.css
npm install --save normalize.css
https://github.com/necolas/normalize.css

5. 安装axios和进度条
会在发送请求的时候，在页面上显示进度条
npm install axios
npm install nprogress --save
在main.js文件中引入
import axios from ‘axios’
在main.js挂载到vue原型上
Vue.prototype.ajax=axios
在untils文件夹新建index.js文件，配置axios的响应拦截和封装post和get请求，在main.js文件中配置axios的请求拦截
在main.js中引入untils文件夹里的index.js文件

或者在main.js文件中配置axios的开发环境和正式环境的根路径，以及设置请求和相应拦截