主要内容
使用不同的编程环境
既然您已经了解如何在可汗学院之外的网页中对ProcessingJS进行编程,那么您就可以尝试使用更多代码编辑器 —— 当然,只要你愿意。
在您使用的任何编辑器中,请确保使用以“.html”结尾的文件名保存主文件 —— 这是用于HTML页面的文件扩展名,以确保编辑者和浏览器都知道它们是什么。如果您想将JavaScript与HTML分开,则可以使用“.js”扩展名保存它,并使用
<script>
标记引用它。在线编辑器
一种选择是使用在线编辑器,类似于可汗学院提供的编辑器,但具有其他功能。如果您的计算机无法下载应用程序,或者您希望在多台计算机上使用相同的编辑器,则可能需要使用在线编辑器。热门的在线编辑是JSBin,Glitch和Repl.it。如果您使用的是ChromeBook,则可以安装Chrome网络应用,例如Caret或Zed。
这是我在Cloud9中编辑网页的视频(来自我们的制作网页的课程):
桌面编辑器
另一种选择是使用桌面编辑器。应用程序将下载到您的计算机并将文件保存到硬盘中。您可以选择许多桌面编辑器,具体取决于您所用操作系统和编辑器价格。一些流行的桌面编辑器有Visual Studio Code,Atom,Sublime Text,Adobe Brackets和Notepad ++(适用于Windows)。
这是我在Sublime Text中编辑网页的视频(来自我们的制作网页的课程):
命令行编辑器
第三种选择是使用命令行编辑器。如果您还不熟悉命令行,那么您可能不会很愿意往这个方向发展,因为您还需要首先了解有关命令行的知识。另一方面,如果您喜欢用键盘而不是鼠标键入和导航,可能会非常喜欢命令行工具。两个流行的命令行编辑器是Emacs和Vim,它们通常已安装在基于Unix的系统上,如Mac和Linux。
这是我在Vim编辑网页的视频(来自我们的制作网页的课程):
挑选一个编辑器
该使用哪一个?欢迎您继续使用可汗学院的编辑。但最终,你会选择一款自己最满意的编辑器。作为一名程序员,了解如何在多个编辑器中编程很有用,因为您可能需要为学校的课程或公司的工作使用不同的编辑器。
您可能想尝试几种不同的免费选项,看看最喜欢哪一种。您还可以询问周围的朋友和同事使用编辑器的感受。使用最受同行欢迎的工具通常很有帮助,因为这样你就可以向他们寻求帮助。
例如,这是我的可汗学院同事使用编辑器的统计图表:
如果您正在阅读此内容并且已使用其他编辑器,则可以在下面的提示中分享您正在使用的工具以及喜欢的原因。想要奖励积分?请分享您在喜欢的编辑器中处理ProcessingJS程序的任何收获。