If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

在可汗学院之外建网页

我们在可汗学院为您提供浏览器内编码编辑器,让您轻松试用 HTML 并获得即时反馈,同时分享您的工作。
然而,我们的编码编辑器不允许您尝试 所有东西 —— 这既是出于安全原因, 也是因为我们很难在这么小的空间内放下一个功能齐全的编辑器!
在这里学习了 HTML/CSS 后,你可能希望在可汗学院之外的功能更全的编辑器中开始开发网页, 他们将有多文件、文件搜索和自定义插件等功能。在您使用的任何编辑器中,请确保您使用以 ". html" 结尾的文件名保存文件,这是用于所有 html 页面的文件扩展名,这可以确保编辑器和浏览器知道它们是什么。

在线编辑器

一种选择是使用在线编辑器,类似于我们的编辑器,但通常具有附加功能。如果您有一台不允许下载应用的计算机,或者您希望在多台计算机上使用相同的编辑器,则可能需要使用联机编辑器。流行的在线编辑是 JSBin、Repl.it、Glitch 和 CodePen。如果您使用的是 ChromeBook,则可以安装 Chrome 网络应用程序, 如 Caret 或 Zed。下面是我在 Cloud9 中编辑网页的视频:
可汗学院视频播放器

桌面编辑器

另一个选项是使用桌面编辑器。应用将被下载到你的计算机,并将文件保存到你的硬盘中。有很多桌面编辑器供你选择,取决于你需要的操作系统和价格。一些流行的桌面编辑器是 Visual Studio Code、Atom、Sublime Text、Adobe Brackets 和 Notepad++ (适用于 windows)。下面是我在 Sublime Text 中编辑网页的视频:
可汗学院视频播放器

命令行编辑器

第三个选项是使用命令行编辑器。如果你还不熟悉命令行,则可能不希望沿着这条路线走下去,因为你还需要首先了解很多有关命令行的信息。另一方,如果你喜欢使用键盘而不是鼠标控制键入和移动,则可能会发现你喜欢命令行工具。两个流行的命令行编辑器是 Emacs 和 Vim,它们通常已经安装在基于 Unix 的系统上,如 Macs 和 Linux。下面是我在 Vim 中编辑网页的视频:
可汗学院视频播放器

挑选一个编辑器

你应该选哪一个?你其实也可以继续使用可汗学院的 HTML\CSS 编辑器。不过,你最终至少要熟悉另外一个编辑器。你可以试试几个不同的免费编辑器,看看你最喜欢哪一个。你也可以问问别人,看看朋友和同事用什么。使用一个最受同行欢迎的工具往往是有帮助的,因为这样你就可以向他们寻求帮助。
例如,下面就是我的可汗学院同事们使用情况的图表。但是他们中的一些人不写 HTML/CSS,所以他们最喜欢的编辑器可能不一定适合你。
编辑器热度柱状图——VSCode,Sublime,Emacs,VIM,按顺序排列。
上一次调查是在 2018年6月,编辑的偏好很可能会改变。
如果您正在阅读本文,并且已经使用不同的编辑器来开发网页,则可以在下面的提示中分享您正在使用的内容以及您喜欢它的原因。如果你有任何最喜欢的编辑插件或浏览器开发工具,也可以分享。分享就是帮助。😊

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.