最近重构后台管理系统,虽说写过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,