创建建项目: vue create 项目名
选择所需vue版本,一般选manyFile,
选择所需功能,空格键勾选 ,取消勾选中间,一般选vuex,router,lang,
开启hash
一路回车,到
选择:N
创建好后, cd 创建的项目
main.js配置
-
配置axios
-
终端安装axios:npm i axios -G (全局安装),axios:npm i axios( 局部安装需要在创建项目下安装)
-
引入axios : import axios from "axios"
-
全局引入:Vue.prototype.axios=axios
-
配置ElementUI组件
安装 element -ui ,npm i element-ui -S(每次创建项目时都需要安装)
引入ElementUI:import ElementUI from 'element-ui'
使用:Vue.use(ElementUI)
可全部使用组件(以后就不需要在单个加入组件名称了):import "element-ui/lib/theme-chalk/index.css"
Vue反向代理(跨域)
在 vue.config.js文件下加入
devServer:{
proxy:"http://localhost:3000"(proxy是服务器端口号)
}
试试我们运行一下 :在项目文件下 npm run serve