跳到主要内容

开发工具

VSCode 编辑器

  1. 下载 VSCode:https://code.visualstudio.com/

  2. 安装拓展(插件)

    操作演示
    操作演示

推荐拓展功能描述
Chines (Simplified)(简体中文)将软件界面设置为中文
Live Preview显示预览
Auto Rename Tag修改 HTML 开始标签时,自动同步修改对应的闭合标签,防止代码成对报错。
Prettier专业的代码格式化工具,能一键统一缩进与排版,确保代码整洁美观。
IntelliCode微软官方 AI 插件,基于上下文智能预测并补全代码,显著提升输入效率。
  1. 编辑代码时点击 显示预览 ,实时将 HTML 代码渲染为网页

显示预览
显示预览

预览效果
预览效果