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 然后选择要运行的文件
    操作如下
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值