之前在使用MAC创建vue项目时遇到一些问题,下面可以完美解决,不行可在命令前加上sudo,提高权限
1、终端使用命令创建vue 脚手架项目
vue create 项目名
2、终端输入命令文件权限
sudo chmod -R 777 文件夹路径改变权限
3、安装路由并引入
npm install vue-router@3 --save
1、创建脚手架路由文件index.js
// 1、导入路由对象
import Vue from "vue";
import VueRouter from "vue-router";
// 2、安装路由插件
Vue.use(VueRouter)
// 3、创建VueRouter实例对象
let router=new VueRouter({
routes:[
]
})
// 4、将创建好的路由实例对象挂载Vue的实例,需要导出
export default router;
// 4、将创建好的路由实例对象挂载Vue的实例,需要导出
export default router;
2、将文件引入项目入口文件main.js
3、将创建的组件加入路由文件规则中
4、在App.vue中使用组件
4、安装axios请求
npm install axios --save
引入后挂载导vue原型上
import axios from 'axios'
Vue.prototype.$http=axios
5、引入Eliment UI
npm i element-ui -S
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
6、关闭检查,解决跨域问题
lintOnSave:false,
devServer: {
proxy: {
'/': {
target: 'http://localhost:8080',
ws: true,
changeOrigin: true
}
},
webSocketServer:false
}