Visual Studio Code之对Live Server插件的使用方法

  1. 下载插件
    打开Visual Studio Code,点击图中的地方,并在输入框中,输入Live Server,选择最上面的,点击install
    具体步骤
  2. 进行配置
    View->Command Palette…
    具体步骤
  3. 在搜索框中,输入settings(原本默认有个>),选择Open Settings(JSON)
    具体操作
  4. 将如下代码放在配置中,默认配置文件中为空
{
    	"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"
       ]
}
  1. 访问方法
    在浏览器中输入:localhost:8080 然后选择要运行的文件
    操作如下
发布了2 篇原创文章 · 获赞 0 · 访问量 96

猜你喜欢

转载自blog.csdn.net/xs2322050203/article/details/104383250