新一代的 HTML+CSS+JavaScript IDE - Lightly

新一代的 HTML+CSS+JavaScript IDE - Lightly_第1张图片

HTML/CSS 和 JavaScript(简称 JS)是支持网页开发的三大语言。这三个语言往往形影不离,他们如同房子的结构、设计与功能般,分别为网页开发的不同需求服务,而我们一般看到的网页一般都由这三个语言共同编写而成。

为什么 Web 语言如此重要?

根据 Stack Overflow 2021年的调研报告,JavaScript 和 HTML/CSS 分别以 64.96% 和 56.07% 占据编程语言使用者 TOP2,而精通 HTML/CSS 和 JavaScript 的全栈开发者(full stack developer)也占所有开发者类型的 49.47%。

新一代的 HTML+CSS+JavaScript IDE - Lightly_第2张图片

在我们的日常生活中,各式各样的 web 应用已越来越常见。小到我们平常接触的小程序,大到著名的亚马逊 AWS 云服务都由 HTML/CSS 以及 JavaScript 编程。网页与云端类应用已然成为未来趋势,编写这类应用的语言更是炙手可热。

了解了 HTML/CSS 的用途和基本概况后,你可能会想:究竟哪些软件可以编写这个语言呢?

Web 编辑器选项

编程软件和编程语言之间的关系十分微妙,他们就像笔、笔记本和语言文字。选择笔和笔记本或许对语言本身影响不大,但却在用户体验上不太一样。市面上的各种编辑器和集成开发工具(IDE)都有各自的特点,常见的 Web 语言编辑器包括:Visual StudioNotepad++SublimeLightlyWebStormVS Code 等,用户可以结合编辑器的特点和自身需求进行选择。

由于我具有高频移动、多平台切换等需求,我目前比较倾向使用轻量化的在线编辑器 Lightly 来完成我的编程工作。Lightly 是 TeamCode 旗下的一款轻量且功能强大的集成开发工具(IDE)。得益于 Lightly 自动配置环境和云端实时储存的功能,我只要有网络就能使用任何平板或电脑开始工作,省去了安装软件和文件定位等麻烦与担忧。

新一代的 HTML+CSS+JavaScript IDE - Lightly_第3张图片

在 Lightly 完成代码编写后,可以直接在线编辑调试网页源码,实时预览页面效果并根据反馈修改代码内容。如果还不确定自己的需求,初尝编程的小伙伴也可以先使用 Lightly 练手,通过实际练习了解 HTML/CSS 以及 JavaScript 之间的关系:

HTML / CSS / JS 编程入门 —— 使用 Lightly 制作可切换主题的简单网页

如果小伙伴有了比较明确的想法,可以通过以下对比,选择自己合适、趁手的编辑器开始编程旅途:

新一代的 HTML+CSS+JavaScript IDE - Lightly_第4张图片

你可能感兴趣的:(新一代的 HTML+CSS+JavaScript IDE - Lightly)