vue-bim v1.0.0

技术文档

安装

• 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

联系

• hzzhoujie@corp.netease.com