{"id":83,"date":"2018-10-22T11:35:15","date_gmt":"2018-10-22T03:35:15","guid":{"rendered":"http:\/\/39.105.95.215\/?p=83"},"modified":"2018-10-22T11:42:27","modified_gmt":"2018-10-22T03:42:27","slug":"%e5%9c%a8express%e4%b8%ad%e4%bd%bf%e7%94%a8gulp%e3%80%81browser-sync%e5%8f%8agulp-nodemon%e5%ae%9e%e7%8e%b0%e5%89%8d%e5%90%8e%e7%ab%af%e8%87%aa%e5%8a%a8%e5%88%b7%e6%96%b0","status":"publish","type":"post","link":"https:\/\/adeqing.com\/index.php\/2018\/10\/22\/default\/83\/","title":{"rendered":"\u5728express\u4e2d\u4f7f\u7528gulp\u3001browser-sync\u53cagulp-nodemon\u5b9e\u73b0\u524d\u540e\u7aef\u81ea\u52a8\u5237\u65b0"},"content":{"rendered":"

\u6700\u8fd1\u5728\u4f7f\u7528express\u6846\u67b6\u53camysql\uff0c\u7531\u4e8e\u524d\u7aef\u548c\u540e\u7aef\u4ee3\u7801\u4fee\u6539\u540e\u90fd\u9700\u8981\u5b9e\u73b0\u81ea\u52a8\u5237\u65b0\u529f\u80fd\uff0c\u521a\u5f00\u59cb\u6211\u540e\u7aef\u4f7f\u7528\u7684\u662fnodemon\u8fdb\u884c\u4ee3\u7801\u4fee\u6539\u540e\u81ea\u52a8\u5237\u65b0\uff0c\u540e\u6765\u6d89\u53ca\u5230\u524d\u7aef\uff0c\u81ea\u7136\u800c\u7136\u6211\u60f3\u5230\u4f7f\u7528browser-sync\u8fdb\u884c\u5237\u65b0\uff0c\u6309\u7167\u5b98\u7f51\u7ed9\u51fa\u7684\u4ee3\u7406\u6a21\u5f0f\u8fdb\u884c\u64cd\u4f5c\uff0c\u867d\u7136\u80fd\u591f\u8fdb\u884c\u4ee3\u7406\uff0c\u4f46\u662f\u8fd8\u662f\u4e0d\u80fd\u540e\u5b9e\u65f6\u5237\u65b0\u524d\u7aef\u4ee3\u7801\uff0c\u540e\u6765\u91c7\u7528gulp\u3001browser-sync\u53cagulp-nodemon\u6210\u529f\u5b9e\u73b0\u524d\u540e\u7aef\u81ea\u52a8\u5237\u65b0\u3002
\n\u8fd9\u91cc\u8bb0\u5f55\u4e0b\u6b65\u9aa4\uff1a<\/p>\n

1\u3001\u9996\u5148 \u80af\u5b9a\u5b89\u88c5gulp<\/p>\n

npm install --save-dev gulp<\/code>
\n\uff08\u5982\u679c\u4e4b\u524d\u6ca1\u6709\u521d\u59cb\u5316\uff0c\u5219\u9700\u8981npm init<\/code>\uff09<\/p><\/blockquote>\n

2\u3001\u63a5\u4e0b\u6765\u5b89\u88c5\u540e\u7aef\u4ee3\u7801\u81ea\u52a8\u5237\u65b0\u63d2\u4ef6gulp-nodemon<\/p>\n

npm install --save-dev gulp-nodemon<\/code><\/p><\/blockquote>\n

3\u3001\u7136\u540e\u5b89\u88c5browser-sync<\/p>\n

npm install --save-dev browser-sync<\/code><\/p><\/blockquote>\n

4\u3001\u5728\u9879\u76ee\u6839\u76ee\u5f55\u4e2d\u65b0\u5efagulpfile.js \u6587\u4ef6\uff0c\u6587\u4ef6\u4e2d\u7684\u4ee3\u7801\u5982\u4e0b:<\/p>\n

\n
\/\/ \u6dfb\u52a0\u5f15\u7528\r\nvar browserSync = require('browser-sync');\r\nvar reload = browserSync.reload;\r\nvar nodemon = require('gulp-nodemon');\r\n\r\n\/\/\u8fd9\u4e2a\u53ef\u4ee5\u8ba9express\u542f\u52a8\r\ngulp.task(\"node\", function() {\r\n    nodemon({\r\n        script: '.\/bin\/www',\r\n        ext: 'js html',\r\n        env: {\r\n            'NODE_ENV': 'development'\r\n        }\r\n    })\r\n});\r\n\r\n\r\ngulp.task('server', [\"node\"], function() {\r\n    var files = [\r\n        'views\/**\/*.html',\r\n        'views\/**\/*.ejs',\r\n        'views\/**\/*.jade',\r\n        'public\/**\/*.*'\r\n    ];\r\n\r\n    \/\/gulp.run([\"node\"]);\r\n    browserSync.init(files, {\r\n        proxy: 'http:\/\/localhost:3000', \r\n        browser: 'chrome',\r\n        notify: false,\r\n        port: 4001 \/\/\u8fd9\u4e2a\u662fbrowserSync\u5bf9http:\/\/localhost:3000\u5b9e\u73b0\u7684\u4ee3\u7406\u7aef\u53e3\r\n    });\r\n\r\n    gulp.watch(files).on(\"change\", reload); \r\n});<\/pre>\n<\/blockquote>\n
\n
\u4e0a\u9762\u4ee3\u7801\u4e2d\u7684\u4ee3\u7406\u7aef\u53e3 proxy: 'http:\/\/localhost:3000',<\/code>\u8bb0\u5f97\u8981\u548cexpress\u9879\u76ee\u91cc bin\/www \u6587\u4ef6\u7684\u914d\u7f6e\u4e2d\u7684var port = normalizePort(process.env.PORT || '3000');<\/code>\u8981\u4e00\u81f4\uff01\uff08\u8fd9\u91cc\u90fd\u662f3000\u7aef\u53e3\uff09
\n5\u3001\u5728\u547d\u4ee4\u884c\u8f93\u5165 gulp server<\/code>\u542f\u52a8\u4ee3\u7406\u7aef\u53e3\uff08\u4e5f\u5c31\u662f4001\uff09\uff0c\u8fd9\u6837\u5c31\u53ef\u4ee5\u5b9e\u73b0\u4e86\u524d\u540e\u7aef\u81ea\u52a8\u5237\u65b0\u529f\u80fd\u4e86~<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u6700\u8fd1\u5728\u4f7f\u7528express\u6846\u67b6\u53camysql\uff0c\u7531\u4e8e\u524d\u7aef\u548c\u540e\u7aef\u4ee3\u7801\u4fee\u6539\u540e\u90fd\u9700\u8981\u5b9e\u73b0\u81ea\u52a8\u5237\u65b0\u529f\u80fd\uff0c\u521a\u5f00\u59cb\u6211\u540e\u7aef\u4f7f\u7528\u7684\u662f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/83"}],"collection":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":3,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/posts\/83\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adeqing.com\/index.php\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}