开发工具-vscode

VS code 生成html模板快捷键

第一步：在空文档中输入   !

第二步：按下tab键。

Live Server配置

settings.json最后增加

  "liveServer.settings.donotShowInfoMsg": true,
  "workbench.colorTheme": "Dracula",
  "diffEditor.ignoreTrimWhitespace": false,
  "liveServer.settings.port": 9000, //设置本地服务的端口号
  "liveServer.settings.host": "localhost",//主机名配置，默认127.0.0.1
  "liveServer.settings.root": "/", //设置根目录，也就是打开的文件会在该目录下找
  "liveServer.settings.CustomBrowser": "chrome", //设置默认打开的浏览器
  "liveServer.settings.NoBrowser": false,
  "liveServer.settings.ignoredFiles": [ //设置忽略的文件
      ".vscode/**",
      "**/*.scss",
      "**/*.sass"
  ],
  "liveServer.settings.ChromeDebuggingAttachment": false,//启用Chrome调试到Live Server的附件
  "liveServer.settings.fullReload": false,
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "", //默认情况下，Live Server会在不完全重新加载浏览器的情况下注入CSS更改。您可以通过将此设置设置为来更改此行为true,默认false

工具-开发

开发工具-vscode

相关

标签