开发软件安装教程(五)


2020-02-24 软件安装

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插件。

演示如图,

vscode_liveServer

# Sublime text

# Sublime text简介

  • 开发者:Jon Skinner

  • 性质:专有软件、收费

  • 跨平台、可拓展

    Sublime text 轻巧、便捷、快速,但需要注册码(可百度找注册码)

    Sublime简介

# Sublime text下载安装

Sublime Text 3是Sublime Text的当前版本。

# Hbuilder

# Hbuilder简介

  • 开发公司:Dcloud(数字天堂)

  • 性质:专有软件、免费

  • 多平台、国产

    Hbuilder 轻巧、便捷、快速、护眼

    Hbuilder简介

# Hbuilder下载安装

Hbuilder X 是Hbuilder的当前版本。

  • 下载

    点此进入官方下载页面

    Hbuilder下载页面

    如果仅是学习使用,下载标准版即可。

    Hbuilder下载页面2

  • 安装

    下载完成后,运行下载得到的安装包程序安装即可。

# 总结

以上三个软件功能都很强大,都足以满足我们日常学习的需要,每个软件也都有自己的特色。还是那句话,适合自己的才是最好的,希望大家都能找到适合自己的那个。如果不嫌麻烦的话,全部安装体验一下也是可以的哈哈哈~

另外,也推荐大家使用在线编辑的网站进行学习,像上面提到的 菜鸟教程 W3school 等,使用他们的好处有二,其一是可以边学边做,还可实时预览,时效性较强,再者不用安装额外的编辑器,降低初学门槛。

OK,本期推荐结束,再见~~

# 评论交流

  • 可以在下方回复
  • QQ 1739046583
  • QQ 交流群 :建设中...

最后,如果你觉得笔记对你有帮助,不妨赞赏一杯可乐😅

上一篇:开发软件安装教程(四)


Failed to load comments

Last Updated: 11/22/2021, 8:22:32 AM