VS Code 开发HTML


智能跟踪

基于Emmet插件

设置settings.json

// Configures if the built-in HTML language suggests Angular V1 tags and properties.
"html.suggest.angular1": true,
// Configures if the built-in HTML language suggests Ionic tags, properties and values.
"html.suggest.ionic": true,
// Configures if the built-in HTML language suggests HTML5 tags, properties and values.
"html.suggest.html5": true

颜色选择

安装Color Picker扩展

验证

设置settings.json

// Configures if the built-in HTML language support validates embedded scripts.
"html.validate.scripts": true,
// Configures if the built-in HTML language support validates embedded styles.
"html.validate.styles": true

实时预览

安装Live Server扩展

常用扩展

  • HTML Snippets
  • HTML CSS Support
  • IntelliSense for CSS class names in HTML
  • HTMLHint

HTML教程

HTML教程