QD1-P2 前端编辑器

第二节 HTML课程内容介绍以及编辑器的使用

www.bilibili.com/video/BV1n64y1U7oj?p=2

HTML内容

• 基础语法

  • 标签
  • 整体架构
  • DOCTYPE

• 常用标签

  • 标题和水平线
  • 段落和换行
  • 列表
  • div和span
  • 格式化标签
  • 图片
  • 超链接标签
  • 表格
  • 表单
  • 字符实体

编辑器 HBuilderX

​​

• 官网：dcloud.io/index.html

• 下载地址：dcloud.io/hbuilderx.html

• 文档：hx.dcloud.net.cn/

下载为压缩包，解压后双击HBuilderX.exe运行

​​

‍

HBuilderX 简介

​HBuilderX​，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX​。 HX​是轻如编辑器、强如IDE的合体版本。

让我们简单了解下HX的特点

1. 轻巧 仅10余M的绿色发行包(不含插件)
2. 极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构性能远超Java或Electron架构
3. vue开发强化 HX​对vue做了大量优化投入，开发体验远超其他开发工具 详见
4. 小程序支持 国外开发工具没有对中国的小程序开发优化，HX​可新建uni-app​ 小程序​等项目，为国人提供更高效工具
5. markdown利器 HX​是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器 HX​为md强化了众多功能，请务必点击【菜单-帮助-markdown语法示例】，快速掌握md及HX​的强化技巧！
6. 清爽护眼 HX的界面比其他工具更清爽简洁，绿柔主题经过科学的脑疲劳测试，是最适合人眼长期观看的主题界面 详见
7. 强大的语法提示 HX​是中国唯一一家拥有自主IDE语法分析引擎的公司，对前端语言提供准确的代码提示和转到定义(Alt+鼠标左键)
8. 高效极客工具 更强大的多光标、智能双击...让字处理的效率大幅提升 详见，
9. 更强的json支持 现代js开发中大量json结构的写法，HX​提供了比其他工具更高效的操作 详见

扩展性

​HX​支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
还可以通过外部命令，方便的调用各种命令行功能，并设置快捷键。
如果你习惯了其他工具(如vscode或sublime)的快捷键，在菜单工具-快捷键方案中可以切换。

插件市场

HBuilderX插件市场拥有丰富的插件，对于提升工作效率有极大帮助。

插件市场地址: https://ext.dcloud.net.cn/

‍