如何在 Atom 中启动 javascript 项目？或者任何其他IDE？答案

【问题标题】：How to start javascript project in Atom? Or any other IDE?如何在 Atom 中启动 javascript 项目？或者任何其他IDE？
【发布时间】：2018-10-16 22:58:05
【问题描述】：

我是 Atom 和 javascript 的新手。

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

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

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

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

【问题讨论】：

标签： javascript atom-editor

【解决方案1】：

我觉得我需要澄清一些事情！ Javascript 是一种为 Web 设计的语言，因此它通常与 HTML 和 CSS 一起使用，这就是为什么大多数教程都将 HTML 和 CSS 与 Javascript 一起使用。因此，与 Java、Python、VB.NET 不同，没有可单击的按钮和 JS 代码运行，您必须将其包含到 HTML 文件中，就像 @user3538203 显示的那样。

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

开放原子
在 Atom 中打开文件夹（此文件夹是您的项目文件夹），方法是单击文件 --> 打开文件夹。
在屏幕左侧，您会在顶部看到您的文件夹名称
右键单击它并单击新文件
将此文件命名为 index.html
将@user3538203 帖子中的代码插入到您的 index.html 文件中
再次右键单击项目文件夹并创建一个名为 myScript.js 的新文件
在此处输入您的 Javascript 代码（即 console.log("test"); ）
进入项目文件夹，在浏览器中打开 index.html
按 F12 并转到控制台选项卡
您将看到 console.log("test") 的结果，并且 atom 将像 IDE 一样工作

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

【讨论】：

谢谢，但是如果我在 JS 中的级别 - “Hello world”，我将“项目文件夹”放在哪里？

【解决方案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 中运行脚本。您将必须安装一个名为“脚本”的包。这是 Mac OSX 中的步骤，在 Windows 中可能类似。
1. 在 Mac 中，从顶部菜单。 Atom -> 首选项 -> 安装。
2. 搜索“脚本”包，您会发现它的下载量已超过 100 万。下载后你可以通过点击 cmd +i 来运行你的脚本

【讨论】：

我确实下载了这个包，但没有什么不可以改变的。只是黑色背景上的白色字母。它不是 IDE
底部不显示结果吗？你可以看看这个视频教程youtube.com/watch?v=_k_pTbHB04A

【解决方案3】：

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

【讨论】：

即原子不在js中使用？我可以在 JS 中使用什么 IDE 编写代码？

【解决方案4】：

解决办法

开放原子
制作一个新文件
保存
保存后，系统会提示您将文件从 untitled 重命名
保持标题为filename.js
保存
运行代码，现在可以运行了

【讨论】：