家长家后台开发说明

pug coreUI vue bootstrap

1.项目说明

家长家后台管理项目。

安装

从码云下载下来然后执行npm i/cnpm i/yarn其中之一的命令即可。

• 如果出现问题把node_modules文件夹删除，使用cnpm i安装，然后运行。
• 如果还行不通重新安装node,不用删除现有的，安装时选择repair修复即可。

名字

coreui.io-vue（以后要改）

目录

+ /
    + test
    + Vue_full_progect
    + Vue_Starter
        ...
        + src(主要开发目录）
            + assets（资源，图片什么，如果有问题统一放到外层的static文件夹里）
            + components（框架的整体主要组件）
            + containers（home的主要组件）
            + pages（不同页面的组件，如login，和主应用)
            + router(路由 ）
            + store（状态管理中心vuex）
                - global.js（全局接口文件）
                - index.js(状态统一管理文件）
            + views（不同导航的组件）
            - _api.js(接口统一文件都放这里，到时候好改上线）
            - _nav.js（导航列表）
            - _lib.js(一些自用函数)
            - lib(一些自用函数)
            - App.vue（根组件）
            - main.js（入口文件）
        ...
    - LICENSE
    - package.json
    - README.md

开发命令

开发:dev/start

• 如果用yarn

yarn dev

• 如果用cnpm

cnpm dev

npm 一样

打包:build

• yarn/cnpm/npm

yarn build

2.开发工具

1. coreUI
   基于vue，bootstrap，coreUI
2. 风格——bootstrap
3. git

建议

1. 风格统一，严格按照组件实例使用组件。
2. 接口放在单一文件中，集中管理。
3. 模块开发。

3.相关资源

1. coreUI
   vue版本的coreUI样式
2. vue中文文档 主开发文档
3. bootstrap文档
4. 风格样式demo查看

5. bootstrap-vue文档

6. es6语法入门

7. pug语法 html预编译语法
8. element-ui饿了吗 饿了吗组件插件
9. demo演示地址
10. stylus演示地址
11. demo源码
    

    Open Source Admin Template

Build Setup

## 初始化下载依赖
npm install
# 开发，端口8080
npm run dev
# 编译项目
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.