jssk-frame

jssk-frame

数科框架后台管理页面，基于VUE CLI3脚手架项目；包含登录，修改密码，菜单及按钮权限。

独立运行

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

发布为npm包

npm run lib&&npm publish

被集成

Project setup

yarn add jssk-frame

集成方使用方法

创建VUE项目，在main.js里导入

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import routes from './router/routes'
import store from './store'

import jsskFrame from "jssk-frame"//本项目npm包
import "jssk-frame/lib/jssk-frame.css"

//因项目需要elementui，需导入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.use(jsskFrame, { router, routes, store, baseUrl: "接口请求地址前缀" })
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

routes说明

export default [
    {
        name: "xxxxx",
        path: '/xxx/xxxx',
        component: () => import( /* webpackChunkName: "xxxx" */ `@/views/xx/xxxx`),
        meta: {
        }
    }
]

store导入模块

import jsskFrame from "jssk-frame";
export default new Vuex.Store({
  modules: jsskFrame.storeModules
})

npm导出的模块

export default {
    storeModules: modules//src/store/modules：用于vuex.Store
}
//src/components：VUE全局组件注册，不包含子目录

Customize configuration

See Configuration Reference.