开发软件安装教程(五)
HTML 编辑器推荐
出于兼容问题考虑, 建议您在PC端阅读此文, 以获得最好的阅读体验。
# 写在前面
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
注意
- HTML 是一种标记语言而非编程语言。
- html文件之于文本文件(txt、doc、pdf等等)没有本质的区别。
- 你只需要找一个适合自己的编辑器编写html文件,然后用网络浏览器(像chrome浏览器等)打开你设计的html文件来预览效果。
# 编辑器推荐
本地编辑器
- Visual Studio Code(VScode)
- Sublime text
- Hbuilder
在线编辑
# VS code
# VS code简介
开发公司:微软
性质:开源、免费
跨平台、可拓展
VS code本体就已经支持HTML、CSS等语法高亮,通过安装插件还可以进一步丰富功能以支持我们高效地编写html文件。
# VS code下载安装
下载
安装
下载完成后,运行下载得到的安装包程序安装即可。
# 建议安装的插件
插件名称 | 功能描述 |
---|---|
Beautify | 快速格式化代码 |
HTML Snippets | 更全面的HTML语法支持 |
Live Server | 可自动同步预览HTML文件,免去手动刷新页面的麻烦 |
另外,VScode默认是英文界面,如果您不习惯英文,可安装Chinese (Simplified) Language Pack for Visual Studio Code
插件更改界面语言为中文简体。
提示
有关如何安装插件您可点击此处
# VS code HTML实时预览
提示
前提,您已经安装Live Server
插件。
演示如图,
# Sublime text
# Sublime text简介
开发者:Jon Skinner
性质:专有软件、收费
跨平台、可拓展
Sublime text 轻巧、便捷、快速,但需要注册码(可百度找注册码)
# Sublime text下载安装
Sublime Text 3是Sublime Text的当前版本。
下载
安装
下载完成后,运行下载得到的安装包程序安装即可。
# Hbuilder
# Hbuilder简介
开发公司:Dcloud(数字天堂)
性质:专有软件、免费
多平台、国产
Hbuilder 轻巧、便捷、快速、护眼
# Hbuilder下载安装
Hbuilder X 是Hbuilder的当前版本。
下载
如果仅是学习使用,下载标准版即可。
安装
下载完成后,运行下载得到的安装包程序安装即可。
# 总结
以上三个软件功能都很强大,都足以满足我们日常学习的需要,每个软件也都有自己的特色。还是那句话,适合自己的才是最好的,希望大家都能找到适合自己的那个。如果不嫌麻烦的话,全部安装体验一下也是可以的哈哈哈~
另外,也推荐大家使用在线编辑的网站进行学习,像上面提到的 菜鸟教程 W3school 等,使用他们的好处有二,其一是可以边学边做,还可实时预览,时效性较强,再者不用安装额外的编辑器,降低初学门槛。
OK,本期推荐结束,再见~~
# 评论交流
- 可以在下方回复
- QQ 1739046583
- QQ 交流群 :建设中...
最后,如果你觉得笔记对你有帮助,不妨赞赏一杯可乐😅