创建一个新的Vue脚手架
1、在cmd中创建vue项目
进入到项目目录下,执行命令 vue init webpack edu_client (在指定的目录下创建vue项目edu_client)
2、进入项目目录下,安装项目所需要的依赖
cd edu_client
npm install (国内的网站,网速应该可以的)
3、使用webstorm打开项目,在terminal中执行命令
npm install element-ui
删掉不需要的文件(index.js main.js App.vue 文件中找)
4、命令来启动vue项目
cd 进入package.json文件所在的目录。
npm run dev
简单配置
// 导入elementui
import ElementUI from 'element-ui'
import "element-ui/lib/theme-chalk/index.css"
// 全局注册element-ui
Vue.use(ElementUI)
// 配置axios,并且将axios注入到vue实例中。之后便可以直接使用$axios来发送请求
import axios from "axios";
Vue.prototype.$axios = axios
// 作用: 取消掉vue的所有日志与警告。
// 网站中添加element-ui组件之后,产生使用Vue Devtools的警告。
Vue.config.silent = true
// 阻止项目启动时产生消息
Vue.config.productionTip = false