- 这是使用vue-cli建立的项目
- 为了支持多页面,对vue-cli默认的配置文件进行了一些改动,目前是将单个页面的配置放置moudles.js里面
- 如果要添加新的页面,直接在moudles.js里面添加即可
- 如果要添加的页面很多,还是把moudles.js改为根据默认约定生成模块吧
- UI使用的是adminlte
- Tree
- TreeTable
- notify接口
- confirm接口
- Editor富文本编辑框
- 时间选择器
- 分页组件
- TimeLine组件
存放公共组件,每个组件一个文件夹,所有公共组件统一在components/index.js里面注册为全局组件
存放公共的mixin
存放公共过滤器
存放公共的utils方法
存放store,store模块化,拆分到不同的模块下面
存放路由,路由模块化,根据不同模板将路由放到不同的js里面
存放业务相关组件,每个模块一个文件夹
- 安装最新版NodeJS
- 安装最新版npm
- 进入vue-adminlte目录
npm install
# 开发运行环境;运行命令后,浏览器自动打开http://localhost:8000
npm run dev
# 开发完成后打包命令,会生成dist文件夹,不要在本地打开,请安装类似http-server来运行
npm run build
- 使用eslint语法规范JS代码
- 使用淘宝镜像加速npm
- 自定义Atom模板,快速填充vue代码
- 将doc/snippets.cson文件内容拷贝到Atom snippets里面即可(可以参考这个文件定义自己的快捷键)
- 常用快捷键
- vuea
- vuem
- bform
- bform-*
- bsection
- bbox
- bbox-solid
- blabel-*
- notify
- confirm