{"id":134662,"date":"2020-07-08T07:37:23","date_gmt":"2020-07-07T23:37:23","guid":{"rendered":"http:\/\/4563.org\/?p=134662"},"modified":"2020-07-08T07:37:23","modified_gmt":"2020-07-07T23:37:23","slug":"html5-%e8%a7%86%e9%a2%91%e7%94%a8-localhost-%e6%89%93%e5%bc%80%e4%b8%8d%e8%83%bd%e6%92%ad%e6%94%be%ef%bc%8c-vs-code-%e7%9a%84-live-server-%e5%8d%b4%e5%8f%af%e4%bb%a5","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=134662","title":{"rendered":"HTML5 \u89c6\u9891\u7528 localhost \u6253\u5f00\u4e0d\u80fd\u64ad\u653e\uff0c vs code \u7684 live server \u5374\u53ef\u4ee5"},"content":{"rendered":"
\n
\n
\n

HTML5 \u89c6\u9891\u7528 localhost \u6253\u5f00\u4e0d\u80fd\u64ad\u653e\uff0c vs code \u7684 live server \u5374\u53ef\u4ee5 <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : xiyangkevin <\/span> <\/i> 8<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
\u7cfb\u7edf\u662f mac\uff0c\u6c42\u5927\u4f6c\u80fd\u4e0d\u80fd\u89e3\u7b54\u4e00\u4e0b\u554a<\/p>\n

<video id=”videoSL” muted autoplay loop=”” class=”video” controls>
<source
src=”\/Development2.0\/media.io_Fergus BluePrint Loyalty Program Video.webm”
type=”video\/webm”
\/>
<\/video><\/p>\n

\u7528 localhost:12000 \u6253\u5f00\u53ea\u80fd\u770b\u5230\u64ad\u653e\u5668\u7684\u6846\u67b6\uff0c\u4f46\u662f\u7528 vscode \u7684 open with live server \u6253\u5f00\u89c6\u9891\u5c31\u53ef\u4ee5\u64ad\u653e\u3002<\/p>\n

\u5728 google \u4e0a\u67e5\u4e86\u534a\u5929\uff0c\u6709\u8bf4\u7528 IIS \u7684\uff0c\u4f46\u662f\u8fd9\u4e2a\u662f windows \u7684\u5de5\u5177\u554a\uff0c\u6709\u5927\u5144\u5f1f\u7528 mac \u9047\u5230\u8fd9\u79cd\u60c5\u51b5\u5417 <\/p><\/div>\n

\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (14<\/span>) <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n
    \n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : loading <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    mime <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : xiyangkevin <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @loading stackoverflow \u4e5f\u8bf4\u4e86\u548c mime \u6709\u5173\uff0c\u4f46\u662f\u600e\u4e48\u64cd\u4f5c\u554a <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : chinvo <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    \u4f60\u6240\u8c13\u7684 localhost \u662f\u4ec0\u4e48 web \u670d\u52a1\u5668\u8f6f\u4ef6\u63d0\u4f9b\u7684\u670d\u52a1 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : xiyangkevin <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @chinvo \u5c31\u662f\u5728\u6d4f\u89c8\u5668\u91cc\u8f93\u5165 localhost:12000 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : qiayue <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    F12 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : loading <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    F12\uff0c\u5207\u6362\u5230 network\uff0c\u81ea\u5df1\u5bf9\u6bd4\u4f60 webm \u7684 content-type <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : loading <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    \u4f60\u8fde\u4f60\u81ea\u5df1\u7528\u7684\u662f apache \u8fd8\u662f nginx \u90fd\u4e0d\u77e5\u9053\uff0c\u6ca1\u6cd5\u8f85\u5bfc\u3002 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : noqwerty <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @xiyangkevin #4 \u8001\u54e5\u8fd9\u4e2a\u56de\u590d\u8ba9\u6211\u60f3\u5230\u4e86\u88c5\u673a\u733f\u7684\u9b3c\u755c\uff1a<\/p>\n

    – \u90a3\u4f60\u7535\u8111\u662f\u5565\u914d\u7f6e\u554a\uff1f
    – \u6211 8G \u5185\u5b58
    – \u4f60\u5c31\u6574\u4e2a\u4e00\u53f0\u7535\u8111\u5c31\u662f\u7531\u4e00\u6839\u5185\u5b58\u6784\u6210\u7684\uff1f\u4f60\u8fd9\u5185\u5b58\u662f\u542b\u5634\u91cc\u4f60\u81ea\u5df1\u8111\u888b\u91cc\u5934\u8111\u8865\u753b\u9762\u73a9\u7684\u5417\uff1f <\/div>\n<\/p><\/div>\n<\/li>\n

  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : nondanee <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    vscode \u4f7f\u7528\u7684 electron \u7cbe\u7b80\u8fc7\u4e86\u6ca1\u6709\u97f3\u89c6\u9891\u529f\u80fd\uff0cwebview \u91cc\u76f4\u63a5\u4f7f\u7528 audio\/video \u90fd\u64ad\u653e\u4e0d\u4e86\u7684<\/p>\n

    live server \u63d2\u4ef6\u5e94\u8be5\u6253\u5305\u4e86\u4e00\u4e2a\u5b8c\u6574\u7684 electron\uff0c\u72ec\u7acb\u4e8e vscode\uff0c\u6709\u97f3\u89c6\u9891\u529f\u80fd\u652f\u6301\uff0c\u53ef\u4ee5\u64ad\u653e<\/p>\n

    \u4e4b\u524d\u6709\u8ba8\u8bba\u8fc7\u8fd9\u4e2a\u95ee\u9898
    https:\/\/github.com\/nondanee\/vsc-netease-music\/issues\/50#issuecomment-504920615 <\/div>\n<\/p><\/div>\n<\/li>\n

  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : Caerfur <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    \u9ed8\u8ba4\u8d70\u7684 file \u534f\u8bae\uff0c
    \u4ee3\u7801\u6587\u4ef6\u5939\u7b80\u5355\u5f00\u4e2a http server\uff0c\u8ba9\u5b83\u8d70 http \u534f\u8bae\u8bd5\u8bd5\uff1f <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : xiaoxiuaoliang <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    \u8be5\u4e0d\u4f1a\u662f\u7528 safari \u6253\u5f00\u7684\u5427 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : xiyangkevin <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @xiaoxiuaoliang chrome \u6253\u5f00\u7684 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u4e3b<\/span> \u8cc7\u6df1\u5927\u4f6c : xiyangkevin <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @nondanee \u6211\u8f6c\u6362\u4e00\u4e0b\u89c6\u9891\u683c\u5f0f\u53ef\u4ee5\u5417 <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n
    \n
    \n
    \u8cc7\u6df1\u5927\u4f6c : nondanee <\/span> <\/div>\n
    <\/i> <\/span> <\/div>\n<\/p><\/div>\n
    @xiaoxiuaoliang
    \u989d\u6211\u7406\u89e3\u9519\u4f60\u7684\u95ee\u9898\u4e86\u3002\u3002\u3002
    \u611f\u89c9\u662f src \u7684\u8def\u5f84\u95ee\u9898\uff0c\u6539\u6210\u76f8\u5bf9\u8def\u5f84\u8bd5\u8bd5\uff0c\u6253\u5f00 network \u68c0\u67e5\u4e0b\u662f\u4e0d\u662f 404 \u4e86
    \u7136\u540e\u6309\u4e0a\u5927\u4f6c\u8bf4\u7684 content-type \u4e5f\u68c0\u67e5\u4e0b <\/div>\n<\/p><\/div>\n<\/li>\n
  • \n","protected":false},"excerpt":{"rendered":"

    HTML5 \u89c6\u9891\u7528 localho…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/134662"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=134662"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/134662\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=134662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=134662"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=134662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}