vue-bim

技术文档

安装

• git clone
• npm install

运行

• npm run dev
• 在dist目录下起本地服务如 http-server
• 访问localhost:8080/m/ (对应线上地址:http://bim-dev.netease.com/m/)

发布

• 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

主要技术文档

• vue2
• vue-route2
• vuex
• axios
• es6
• webpack2
• sass
• babel

可能需要的其他资源

• vue-syntax-highlight【sublime中 vue的高亮插件】
• Vue.js devtools 【chrome调试插件】
• webpack 1 and 2 的差别官方文档 其他参考文档
• scoped-css

联系

• [e-mail]