{"id":2967,"date":"2018-01-18T11:51:44","date_gmt":"2018-01-18T03:51:44","guid":{"rendered":"http:\/\/www.daliane.com\/?p=2967"},"modified":"2018-01-18T11:52:22","modified_gmt":"2018-01-18T03:52:22","slug":"qian_duan_ke_shi_hua_kai_fa_-liveload","status":"publish","type":"post","link":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/qian_duan_ke_shi_hua_kai_fa_-liveload\/","title":{"rendered":"\u524d\u7aef\u53ef\u89c6\u5316\u5f00\u53d1&#8211;liveload"},"content":{"rendered":"<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u5728\u524d\u7aef\u5f00\u53d1\u4e2d\uff0c\u6211\u4eec\u4f1a\u9891\u7e41\u7684\u4fee\u6539html\u3001css\u3001js\uff0c\u7136\u540e\u5237\u65b0\u9875\u9762\uff0c\u5f00\u6548\u679c\uff0c\u518d\u8c03\u6574\uff0c\u518d\u5237\u65b0\uff0c\u4e0d\u77e5\u4e0d\u89c9\u4f1a\u6d6a\u8d39\u6389\u6211\u4eec\u5f88\u591a\u65f6\u95f4\u3002\u6709\u6ca1\u6709\u4ec0\u4e48\u65b9\u6cd5\uff0c\u6211\u5728\u7f16\u8f91\u5668\u91cc\u9762\u6539\u4e86\u4ee3\u7801\u4ee5\u540e\uff0c\u53ea\u8981\u4fdd\u5b58\uff0c\u6d4f\u89c8\u5668\u5c31\u80fd\u5b9e\u65f6\u5237\u65b0\u3002\u7ecf\u8fc7\u4e0d\u61c8\u7684\u52aa\u529b\uff0c\u53d1\u73b0\u4e86\u8fd9\u4e48\u4e00\u4e2a\u5de5\u5177&#8211;livereload\u3002\u8fd9\u662f\u4e00\u6b3e\u80fd\u6839\u636e\u4f60\u672c\u5730\u6587\u4ef6(html\u3001css\u3001js)\u7684\u53d8\u5316\uff0c\u81ea\u52a8\u8ddf\u8e2a\u5237\u65b0\u6d4f\u89c8\u5668\u7684\u5b9e\u65f6\u5237\u65b0\u5de5\u5177\uff0c\u6709\u4e86\u8fd9\u4e2a\u5de5\u5177\uff0c\u4f1a\u5927\u5927\u51cf\u8f7b\u4f60\u5237\u65b0\u9875\u9762\u7684\u5de5\u4f5c\u91cf\u3002\n<\/p>\n<h3 id=\"\u5b89\u88c5chrome\u63d2\u4ef6\" style=\"font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u5b89\u88c5chrome\u63d2\u4ef6<br \/>\n<\/h3>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u8fd9\u4e2a\u5c31\u4e0d\u505a\u8be6\u7ec6\u89e3\u91ca\u4e86\uff0c\u53bbchrome\u5546\u5e97\uff0c\u4e0b\u8f7d\u5b89\u88c5livereload\u8fd9\u4e48\u4e00\u4e2a\u63d2\u4ef6\uff0c\u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u6d4f\u89c8\u5668\u4e0a\u4f1a\u51fa\u73b0\u8fd9\u4e48\u4e00\u4e2a\u5c0f\u56fe\u6807<img decoding=\"async\" src=\"http:\/\/www.daliane.com\/wp-content\/uploads\/2018\/01\/image_1b4ika1u1vc1ilud1bg8a1f55m.png\" alt=\"image_1b4ika1u1vc1ilud1bg8a1f55m.png-0.7kB\" \/>&nbsp;\u5c31\u8868\u793a\u63d2\u4ef6\u5b89\u88c5\u6210\u529f\u4e86\u3002\n<\/p>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u5982\u679c\u6253\u4e0d\u5f00\uff0c\u4ece\u672c\u7ad9\u4e0b\u8f7d\u5373\u53ef\uff0c\u628a\u6269\u5c55\u540d\u6539\u6210crx,\u62d6\u5230chrom\u7684\u6269\u5c55\u754c\u9762\u5373\u53ef\u3002\u76f4\u63a5\u70b9\u8fd9\u91cc\u4e0b\u8f7d&nbsp;<a href=\"http:\/\/www.daliane.com\/wp-content\/uploads\/2018\/01\/daliane.com_2_1_0_.zip\">daliane.com_2_1_0_<\/a>\n<\/p>\n<h3 id=\"livereload\u57fa\u672c\u4f7f\u7528\" style=\"font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\tlivereload\u57fa\u672c\u4f7f\u7528<br \/>\n<\/h3>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u9996\u5148\u4f7f\u7528npm\u5b89\u88c5livereload\u6a21\u5757\n<\/p>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\n<\/p>\n<pre class=\"prettyprint lang-js\">npm install -g livereload<\/pre>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u5728\u7f51\u7ad9\u7684\u5f53\u524d\u76ee\u5f55\u8fd0\u884c\u547d\u4ee4\u884c\uff0c\u8f93\u5165livereload\u547d\u4ee4\uff0c\u4f1a\u51fa\u73b0\u5982\u4e0b<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.daliane.com\/wp-content\/uploads\/2018\/01\/image_1b4ikf3j21lsffsre2m1ijk1ham13.png\" alt=\"image_1b4ikf3j21lsffsre2m1ijk1ham13.png-10.3kB\" \/><br \/>\n\u8fd9\u5c31\u8bc1\u660elivereload\u5df2\u7ecf\u8fd0\u884c\u6210\u529f\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u770b\u5230chrome\u4e0a\u7684\u5c0f\u56fe\u6807\u4f1a\u53d8\u6210\u5b9e\u5fc3\u72b6\u6001<img decoding=\"async\" src=\"http:\/\/www.daliane.com\/wp-content\/uploads\/2018\/01\/image_1b4ikhip5br18ha2n7td1tbe1g.png\" alt=\"image_1b4ikhip5br18ha2n7td1tbe1g.png-0.8kB\" \/><br \/>\n\u8fd9\u4e2a\u5c31\u4ee3\u8868\u8fde\u63a5\u6210\u529f\u3002\n<\/p>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u7136\u540e\u6211\u4eec\u5728\u7f51\u7ad9\u7f16\u8f91\u5668\u4e2d\u6539\u53d8\u54cd\u5e94\u6587\u5b57\uff0c\u4fdd\u5b58\uff0c\u6d4f\u89c8\u5668\u5c31\u53ef\u4ee5\u81ea\u52a8\u5237\u65b0\u4e86\u3002\u662f\u4e0d\u662f\u5f88\u65b9\u4fbf\uff1f\n<\/p>\n<h3 id=\"\u7f16\u5199livereload\u811a\u672c\" style=\"font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u7f16\u5199livereload\u811a\u672c<br \/>\n<\/h3>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u4e0a\u9762\u53ea\u662f\u5b9e\u73b0\u4e86livereload\u7684\u57fa\u672c\u529f\u80fd\u3002\u5b9e\u9645\u4e0a\uff0clivereload\u4e5f\u53ef\u4ee5\u7f16\u5199\u811a\u672c\u8fd0\u884c\u3002<br \/>\n\u9996\u5148\uff0c\u5229\u7528npm\u5b89\u88c5gulp\u3001gulp-livereload\u6a21\u5757\n<\/p>\n<pre class=\"prettyprint lang-js\">npm init\r\nnpm install --save-dev gulp\r\nnpm install --save-dev gulp-livereload<\/pre>\n<p><span style=\"font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FEFEF2;\">\u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u5728\u4f60\u7f51\u7ad9\u7684\u6839\u76ee\u5f55\u65b0\u5efa<\/span>gulpfile.js<span style=\"font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FEFEF2;\">\u6587\u4ef6\uff0c\u7136\u540e\u7f16\u5199\u811a\u672c<\/span><\/p>\n<p>\n\t\n<\/p>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\n<\/p>\n<pre class=\"prettyprint lang-js\">var gulp = require(\"gulp\");\r\nvar liveReload = require(\"gulp-livereload\");\r\n\r\ngulp.task(\"watch\", function (file) {\r\n    \/**\r\n     * \u76d1\u542clivereload\r\n     *\/\r\n    liveReload.listen();\r\n    \/**\r\n     * \u76d1\u542c\u6587\u4ef6\u53d8\u5316\uff0c\u5c06\u6587\u4ef6\u6d41\u4f20\u5165liveReload\u6a21\u5757\u8fdb\u884c\u6d4f\u89c8\u5668\u5237\u65b0\r\n     *\/\r\n    gulp.watch(\".\/*.html\", function (file) {\r\n        console.log(file);\r\n        gulp.src(\".\/*.html\").pipe(liveReload());\r\n    });\r\n});<\/pre>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u5728\u547d\u4ee4\u7a97\u53e3\u4e2d\u8fd0\u884cwatch\u4efb\u52a1\uff0c\u66f4\u6539\u7f16\u8f91\u5668\u6587\u672c\uff0c\u540c\u6837\u80fd\u5b9e\u73b0\u5b9e\u65f6\u5237\u65b0\u6548\u679c\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.daliane.com\/wp-content\/uploads\/2018\/01\/image_1b4ilbcdrcdg1ddk17rh16kb15cm1t.png\" alt=\"image_1b4ilbcdrcdg1ddk17rh16kb15cm1t.png-14.1kB\" \/>\n<\/p>\n<hr \/>\n<p style=\"font-size:13px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#FEFEF2;\">\n\t\u597d\u4e86\uff0c\u8fd9\u6b3e\u5de5\u5177\u5c31\u4ecb\u7ecd\u5230\u8fd9\u91cc\u4e86\uff0c\u5e0c\u671b\u5404\u4f4d\u559c\u6b22\u3002\n<\/p>\n<p><\/p>\n<p>\n\t\n<\/p>\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u524d\u7aef\u5f00\u53d1\u4e2d\uff0c\u6211\u4eec\u4f1a\u9891\u7e41\u7684\u4fee\u6539html\u3001css\u3001js\uff0c\u7136\u540e\u5237\u65b0\u9875\u9762\uff0c\u5f00\u6548\u679c\uff0c\u518d\u8c03\u6574\uff0c\u518d\u5237\u65b0\uff0c\u4e0d\u77e5\u4e0d\u89c9\u4f1a\u6d6a\u8d39\u6389\u6211&#8230;<\/p>\n","protected":false},"author":2,"featured_media":228,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[60],"tags":[],"_links":{"self":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2967"}],"collection":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/comments?post=2967"}],"version-history":[{"count":2,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2967\/revisions"}],"predecessor-version":[{"id":2974,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/posts\/2967\/revisions\/2974"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/media?parent=2967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/categories?post=2967"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/wp-json\/wp\/v2\/tags?post=2967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}