开发流程

环境搭建后浏览器访问的是编译后的资源,也就是与线上环境是一样的。因此开发时候为了调试方便,需要格外跑个流程。

  • 安装cross_env

因为开发环境与线上环境是以node环境变量NODE_ENV的值进行区分的。所以在window环境下,需要先安装cross_env在启动node应用时,控制NODE_ENV变量。在命令版运行npm install -g cross-env进行安装。

  • 启动server

通过命令行进入D:/work/wutong/app,运行cross-env NODE_ENV=wapdev node .\app.js,等到出现server is runing on port: 2020即可在浏览器输入localhost:2020进入访问。

  • 启动gulp

命令行进入D:/work/wutong/app/wapdev,运行gulp watch即运行成功(若发生can`t find module **的问题,仍安装依赖即可)。然后在编辑器中修改代码wapdev下的代码,刷新浏览器即可看到效果。若修改app.jsserver目录下的代码需要重启服务器才能看到效果。

  • 发布

若修改代码后,中断gulp watch,运行gulp dest即可把代码编译到wap目录中。中断server的运行,app目录中运行node app.js,之后可在2000端口查看编译后的效果。

  • 提交

通过代码版本控制,来提交代码。

results matching ""

    No results matching ""