• 為什么要裝

因為在本地跑 javascript的時候遇到了如上的錯誤，from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

只有在本地搭建一個server才能解決

• 安裝Live Server插件

• 設置

View->Command Palette->Open User Settings

然后找到 live server->edit in settings.json

加入如下setting

{ "liveServer.settings.port": 8080, //設置本地服務的端口號 "liveServer.settings.root": "/", //設置根目錄，也就是打開的文件會在該目錄下找 "liveServer.settings.CustomBrowser": "chrome", //設置默認打開的瀏覽器 "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222", "liveServer.settings.NoBrowser": false, "liveServer.settings.ignoredFiles": [//設置忽略的文件".vscode/**","**/*.scss","**/*.sass" ] }

• 使用

選中文件，右鍵 “Open with Live Server"

總結

以上是生活随笔為你收集整理的live server 的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。