vscode live server使用基本设置

  1. 搜索并下载live server插件
    注意:在使用的过程中,如果遇到open with live server无法生效的情况
    找到插件所在位置,一般是如C:\Users\张三.vscode\extensions的文件夹
    把该文件夹下跟live server有关的文件夹全部删除,然后重装live server插件
  2. 插件安装完毕后的基本设置
    菜单栏 File -> Preferences -> Settings 在这里插入图片描述
    点击3处的edit in setting.json,将下方的代码段添加到该文件中并保存(保存后最好重启软件)
  	"liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.NoBrowser": false,
    "liveServer.settings.CustomBrowser": "chrome",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
    

关于live server每项配置的具体介绍请参考GIT
https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

  1. 设置完成后
    a. 打开你的项目文件夹
    b. 打开html文件,右键选择open with live server即可通过服务器程序打开你的网页页面
  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值