Question

我是Atom和javascript的新手。

我确实下载了Atom并成功启动了他。但是我不知道该如何开始工作？

我看到的并尝试在窗口中输入

代码上没有相似之处，我还没有看到“运行”或任何其他按钮来启动该代码。

如何在Atom或任何其他IDE中编码和启动javascript项目？

Answer 1

我不确定默认情况下是否可以在Atom中执行此操作。如果我使用grunt，gulp，npm等，我总是只将JS命令行与Atom / Aptana等一起使用。

Answer 2

为此，您有2个选择：

创建一个HTML页面并将Javascript包含在其中

<!DOCTYPE html>
<html>
<body>

<h2>External JavaScript</h2>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<p>(myFunction is stored in an external file called "myScript.js")</p>

<script src="myScript.js"></script>

</body>
</html>

然后使用Safari / Chrome / Firefox打开HTML文件

您还可以从Atom中运行脚本。您将必须安装一个名为“ script”的软件包。这是Mac OSX中的步骤，在Windows中可能与此类似。
1. 在Mac中，从“顶部”菜单。 Atom->首选项->安装。
2. 搜索“脚本”包，您会发现它下载了超过1百万次。下载后，您可以通过单击cmd + i

Answer 3

我想澄清一些事情！ Javascript是一种用于Web的语言，因此通常可与HTML和CSS一起使用，这就是为什么大多数教程都在Javascript中包含HTML和CSS的原因。因此，与Java，Python，VB.NET不同，没有单击按钮即可运行JS代码，您必须将其包含在HTML文件中，如@ user3538203所示。

现在，我将添加一些步骤来启动JS程序。

打开Atom
通过单击文件->打开文件夹，在Atom中打开文件夹（此文件夹是您的项目文件夹）。
在屏幕左侧，您将在顶部看到文件夹名称
右键单击它，然后单击新文件
将此文件命名为index.html
将@ user3538203中的代码插入到index.html文件中
再次右键单击项目文件夹，然后创建一个名为myScript.js的新文件。
在此处键入您的Javascript代码（即console.log（“ test”）;）
转到项目文件夹，然后在浏览器中打开index.html
按F12并转到“控制台”选项卡
您将看到console.log（“ test”）的结果，原子将像IDE一样运行

注意：有多种方法可以使JS在控制台中或作为应用程序工作，但是这些方法需要有关JS的更多知识，并且您需要安装NodeJS或@ user3538203所示的某些特殊软件包。

如何在Atom中启动javascript项目？还是其他任何IDE？

3 个答案: