web-tools规范文档.docx

新web-tools规范文档beta特性1. 一套开发工具，多项目共用，亦可不共用2. 编译目录与源码目录分离3. 打包工具支持以下特性 代码打包功能 代码编译功能（es6/jsx/less/scss） 开发环境/生产环境标识 Ftp上传 图像压缩以及小尺寸inline4. 源码环境具备以下功能 React及React chunk，CSS module支持 ES6环境支持 less/scss支持命名规范适用范围描述示例所有的链接url，文件名称，样式/id名称，key值，cookie名称以小写加分隔符命名hello-world、icon-family、/about-us/所有的类首字母大写骆峰法命名文件名与主类名保持一致Hello/HelloWord、Footer、User所有的function以及类方法以首字母小写骆峰法命名helloWorld、getName所有的常量全大写加_下划线分隔HELLO_WORLD局部/全局变量名一律小写加_下划线分隔hello_world、index、vote_id所有的字符串（不包含模版字符串），所有的json对象属性名称都必须使用双引号。参考package.jsonsettings.json等“hello”：“world”所有的url全小写，无后缀必须以/结尾/about-us//about-us.html安装方法安装1. 从代码仓库克隆代码git clone git:/xxxx2. 安装相关插件 npm install3. 将bin目录添加至环境变量使用1. 随便找一个目录，输入web-init project_name2. 进入自动创建的目录内 cd project_name3. 安装基础模块 npm install4. 启动调试 web-server注：若不共用同一套开发工具，直接在git目录进行build(node tools/web-build.js)操作亦可。相关命令命令作用web-init自动创建一个包含基本示例的项目web-server对项目进行编码并开启调试（开发环境）l build目录不会自动删除l 会生成source-mapl 代码不压缩l 图像不压缩l 会启动watch、nodemon、browersyncweb-build对项目进行压缩编译打包（测试，预演，正式环境）l 会删除build目录l 不会生成source-mapl 代码会压缩l 图像会压缩l 编译完成即退出，不watch改动及启动服务web-ftp自动上传build目录至远程ftp server目录目录和结构说明源码与工具目录编译后目录由以下模块提供技术支持工具集名称说明git文档地址webpackgulpgulp-plumbergulp-ifgulp-htmlmingulp-nodemonguidassets-webpack-pluginbabelpm2react-css-modulesbabel-preset-es2015babel-preset-reactbase64-loaderurl-loadercss-loader源码名称说明git文档地址express