Vue bim

bim wap by vuejs

Version: 1.0.0 Updated: 07/01/2019

By: bview License: ISC

Downloads Last 30 Days: 43

Install

npm i vue-bim
yarn add vue-bim

CDNs

bundle.run: https://bundle.run/vue-bim

jsDelivr: https://cdn.jsdelivr.net/npm/vue-bim

unpkg: https://unpkg.com/vue-bim

技术文档

安装

  • git clone
  • npm install

运行

发布

  • npm run publish

规范

  • css规范
    • 命名规范:布局(grid)(.g-);模块(module)(.m-);元件(unit)(.u-);功能(function)(.f-);皮肤(skin)(.s-);状态(.z-)。
    • reset.css,function.css 为公共可使用的css,可根据nec规范自行添加需要的
    • 以上参考:nec
    • 公用的css统一再index.js中import;各模块的css写在各模块的vue文件内。(目前暂未讲模块内的css 单独打包,而是会打包在js中,有待完善)
    • 其他待补充
  • js规范
    • es6 语法
    • 模块统一使用 import 和 export
    • import时文件后缀名可写可不写,为保持统一,建议不写
    • 其他待补充

项目结构

  • dist 【打包输出目录】(git ignore)
  • node_modules 【npm依赖包目录】(git ignore)
  • src 【源码】
    • assets 【资源文件】
      • css 【公用css】
      • fonts 【字体文件】(暂无)
      • icon-fonts 【icons】(暂无)
      • sass 【公用sass】
      • images 【图片】(暂无)
    • common 【公用api等】
      • service 【ajax】
        • request.js 【fetch,promise】
        • path.js 【url constant】
      • filter.js 【过滤器】
        • components:【组件】
    • libs 【第三方库】
      • store 【vuex状态管理】
      • views 【页面】
        • login
        • register
        • share
      • app.vue 【主视图】
      • index.js 【入口文件】
      • routes.js【路由配置】
  • .babelrc 【bebel配置】
  • .gitignore 【git配置】
  • index.html 【模板文件】
  • package.json
  • webpack.config.js 【本地开发使用,有soucemap,无hash】
  • webpack.config.prod.js 【线上发布使用,无soucemap,有hash】
  • README

主要技术文档

可能需要的其他资源

联系

Categories: Vue js
Tags: vuebim