开发流程
环境搭建后浏览器访问的是编译后的资源,也就是与线上环境是一样的。因此开发时候为了调试方便,需要格外跑个流程。
- 安装
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.js
和server
目录下的代码需要重启服务器才能看到效果。
- 发布
若修改代码后,中断gulp watch
,运行gulp dest
即可把代码编译到wap
目录中。中断server
的运行,app
目录中运行node app.js
,之后可在2000
端口查看编译后的效果。
- 提交
通过代码版本控制,来提交代码。