12. 基於Vue+Element+nodeJs+Express+MySql後臺管理系統-前端入口文件main.js設置

一、main.js解釋說明

main.js是vue項目的入口文件，項目中所有的頁面都會加載main.js，main.js主要有三個作用：
1.實例化Vue；
2.放置項目中經常會用到的插件和CSS樣式；
3.存儲全局變量。

二、此項目中的main.js的核心代碼

import 'babel-polyfill'
import Vue from 'vue'
import './assets/styles/reset.css'
import ElementUI from 'element-ui'
import './themes/element/element-variables.scss'
import App from './App.vue'
import router from './router'
import store from './store'
import common from './assets/js/common.js'
import { http, baseURL } from './config/http.js'
import vueQuillEditor from 'vue-quill-editor' // 引入富文本工具
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import moment from 'moment'
import md5 from 'js-md5'

Vue.config.productionTip = false

Vue.use(ElementUI)
Vue.use(vueQuillEditor)

Vue.prototype.$common = common
Vue.prototype.$http = http
Vue.prototype.$baseURL = baseURL
Vue.prototype.$moment = moment
Vue.prototype.$md5 = md5

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

三、項目體驗鏈接

週報管理系統體驗鏈接： https://www.17sucai.com/pins/35488.html

本人前端程序員，長期混跡於各種前端開發中，現在專門爲前端熱愛者建了個微信羣，和大家一起分享自己在工作、學習中遇到的技術知識或問題，還有各種資料和課程，各位感興趣的可以加入哦~