vue-cli3+elementUI搭建后台管理系统

最近重构后台管理系统，虽说写过vue项目，但是，还是有些坑踩了一遍，再一再二不再三，所以，写下来吧。
执行：

vue create my-project

按照提示操作即可，成功后，进入项目，安装相关依赖：

cnpm install vue-router
cnpm install element-ui -S
cnpm install vuex -S
cnpm install -D sass-loader node-sass

目前只安装了这些，在后续还会继续补充。安装好之后，还要做些配置。

// this is main.js

import Vue from 'vue'
import App from './App'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
import Vuex from 'vuex'
import router from './routes'

Vue.use(ElementUI)
Vue.use(Vuex)

new Vue({
router,
render: h => h(App)
}).$mount('#app')

// this is routes.js

import Router from "vue-router";
Vue.use(Router);
export default new Router({
routes:[
{
path: '/',
component: Home,
name: '',
iconCls: 'el-icon-message',//图标样式class
meta:{index:'/my'},
leaf: true,//只有一个节点
children: [
{ path: '/my', component: my, name: '我的',meta:{index:'/my'} }
]
},
]
})

//this is vue.config.js

module.exports = {
css:{
loaderOptions: {
// 给 sass-loader 传递选项
sass: {
// @/ 是 src/ 的别名
data: `@import "@/assets/style/common.scss";`
}
}
}
}

以上是安装依赖后的相关配置，完成后执行：

npm install
npm run serve

其实在配置scss中遇到一些莫名其妙的问题，多种执行命令无效后，删除node_modules文件夹，再重新npm install就好了。所以，如果遇到奇怪的报错，可以试试，不过前提是，认真查看报错信息仍然无法解决，毕竟这不是最优雅的方案呐。还有axios和store没有用到，目前先写页面，数据方面的配置后续再补充吧！
养成时常记录的好习惯，2019，爱你依旧，前端。