generator-pg-cloud v1.7.2

generator-pg-cloud(云端前端环境生成器)

###why do it?

随着当前前端人员的逐渐增多，开发环境和工具各不相同，影响了开发效率，增加了管理成本，急需要一套完整的统一开发和部署环境来解决 生产力和管理问题，在多人协作，性能优化，效率提升，规范化等方面大幅提升。

###本机运行环境准备(仅一次) 1.安装nodejs环境 2.安装yeoman: $npm install -g yo 3.下载本生成器并放入nodejs 全局root 4.进入generator-pg-cloud 文件夹,执行 $npm install 5.也可忽略3，4步骤，直接运行$npm install -g generator-pg-cloud(取决于是否将generator-pg-cloud发布到npm) PS:对于此流程不熟悉的同学，可单独下载oneKeyInstall.sh并将其放入workspace目录，运行sh oneKeyInstall.sh XXX(工程名)自动生成。

###工程环境生成向导 1.新建项目文件夹如proj 2.进入proj执行$npm link generator-pg-cloud(一般只需执行一次，yo便会缓存生成器) 3.执行$yo pg-cloud,根据提示生成工程环境

###使用API 1.$gulp serve 启动本机9000端口服务 2.$gulp (default) 清除以前的构建之后再进行构建（建议使用） 3.$gulp build 进行构建 4.$gulp dist 启动构建目录服务9001端口 5.$gulp wiredep 根据bower.json对HTML文件进行依赖注入 6.$gulp jshint JS语法检查

###使用bower 1.$bower install --save jquery 2.$bower uninstall --save jquery 在gulp serve开启的情况下，运行以上命令，将会自动注入或移除依赖 标签

License

###标签解释 1.

         <script src="/common/jweixin-1.0.0.js "></script>
       <!-- endbuild -->

       表示将build标签之间的所有js资源文件合并到scripts文件夹下的base.min.js文件里（scripts文件夹和base.min.js文件会自动生成）
       特别注意：如果此处的html文件路径为/views/myfiles/index.html,则build标签中为<!-- build:js /scripts/myfile/base.min.js -->
                千万注意父文件夹个数
                css同理

###使用注意事项 1.html文件：html文件中的资源文件全使用绝对路径（css、js以及img路径等） 2.js/css文件：除html以外的文件（js、css）中资源路径使用相对路径（推荐）

###使用browserify引入入口文件 1.在标签中加入"browserify "字段 ，标示入口文件的 绝对路径，路径不需要引号

        <script type="text/javascript" browserify=/views/backBone/index.js></script>

###使用require引入依赖 1.在js中引入依赖(使用相对路径) 如 require("../../common/server.js"); 2.依赖文件一定要正确，否则会出现无法打包情况

###使用parsePath命令发布上线代码 1.命令：gulp parsePath 2.作用：将html中的绝对路径转换成相对路径，以配合后端服务上线 3.背景：后端php服务网站跟路径指向public 并没有指向我们的dist目录，故不能使用我们的绝对路径 4.注意：转换后必须亲测一次

###启用图片压缩功能 1.在项目目录下安装资源：npm install --save-dev gulp-imagemin npm install --save-dev imagemin-pngquant 2.修改gulpfile.js文件：解注释相关图片压缩代码

###使用gulp debug调试微信或native 1.运行gulp debug 2.在项目中任何需要debug的地方，发送get请求到http://localhost:3000,会在debug.html控制台显示cansole 信息

@1.3.9 更新说明

    1.版本：@1.3.9
    2.时间：2015/06/08
    3.作者：luozhong@camera360.com
    4.变更：修改代码时html文件偶尔被删掉的问题

@1.4.3 更新说明

    1.版本：@1.4.3
    2.时间：2015/06/09
    3.作者：zhangzhi@camera360.com
    4.变更：优化部分流程
            支持ECMAScript 6语法(通过browserify插件编译)
            当选择安装react或ECMA6时，将强制安装browserify
            Reflux将替代flux

@1.4.4 更新说明

    1.版本：@1.4.4
    2.时间：2015/06/17
    3.作者：zhangzhi@camera360.com
    4.变更：修复拉取别人已构建的项目后不会自动生成.tmp文件夹bug

@1.5.0 更新说明

    1.版本：@1.5.0
    2.时间：2015/07/19
    3.作者：zhangzhi@camera360.com
    4.变更：做一些方便的修改，包括生成环境后，根据选择项是否需要编译自动加入browserify属性。
	根据是否需要React和Reflux自动引入文件。修复生成器一些bug。

BSD license