使用vue脚手架搭建一个项目

此文章认为读者已经有nodejs以及vue cli的环境了

1.创建项目

在某个文件目录下，进入到cmd界面

vue create 项目名

 

 随机开始漫长的等待，注意，这个时候需要你的网络比较好，要不可能会造成失败

完成后的显示页面如下： 

 

 2.添加一些项目依赖

下载axios:cnpm install axios --save
下载qs:cnpm install qs --save
下载element-ui:cnpm i element-ui -S

3.修改main.js

在main.js中添加
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import axios from 'axios'
import qs from 'qs'

//将axios挂载到vue实例上，使用时就可以 this.$axios 这样使用了
Vue.prototype.$axios = axios;
//将qs挂载到vue实例上，使用时就可以 this.$qs 这样使用了
Vue.prototype.$qs = qs;
Vue.use(ElementUI);