web-tools规范文档

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