如何在sublime text 3中搭建Nodejs环境（run, debug and npm)

如何在sublime text 3中搭建Nodejs环境（run, debug and npm)

	我在package install中找到了一个nodejs包，但好像只支持sublime 2，在3中可以正常安装包，但是node的按键都是灰色不可用的；

另一种只提供run node的方法 Sublime Text 3: Build System - node.js. NPM module not executing 实测按F7没有反应。所以我不知道如何在sublime 3中运行node和npm安装包 求靠谱方法链接，谢谢。


4 回复

要在Sublime Text 3中搭建Node.js环境，以便能够运行、调试Node.js脚本以及使用npm管理包，你可以按照以下步骤进行操作：

1. 安装Node.js

首先，确保你的系统上已经安装了Node.js。你可以通过命令行来检查是否已安装Node.js：

node -v

如果未安装，可以从Node.js官网下载并安装。

2. 安装Package Control

确保你已经安装了Package Control插件，它可以帮助你安装其他必要的插件。如果你还没有安装，可以通过访问Package Control官网获取安装指南。

3. 安装NodeJS和JsCompletions插件

尽管你提到的NodeJS插件可能不完全兼容Sublime Text 3，你可以尝试安装NodeJS插件以及JsCompletions插件，这些插件有助于提高开发效率。

安装NodeJS插件

  1. 打开Sublime Text 3。
  2. 使用快捷键 Ctrl+Shift+P 打开命令面板。
  3. 输入 Install Package 并选择 Package Control: Install Package。
  4. 在搜索框中输入 NodeJS 并安装。

安装JsCompletions插件

同样地，通过命令面板安装 JsCompletions 插件。

4. 配置构建系统

为了能够在Sublime Text 3中运行Node.js脚本，你需要配置构建系统。

  1. 转到 Tools -> Build System -> New Build System...
  2. 将以下内容复制到新建的文件中，并保存为 Node.sublime-build：
{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "selector": "source.js"
}
  1. 保存后，选择 Tools -> Build System 并选择你刚刚创建的 Node 构建系统。

5. 运行Node.js脚本

现在，你可以通过按下 Ctrl+B 来运行当前打开的JavaScript文件。

6. 使用npm

对于npm，你可以在终端或命令提示符中直接运行，例如：

npm install express

或者你可以通过Sublime Text 3的终端来运行npm命令。通过 Tools -> Open Terminal 打开终端，然后执行相应的npm命令。

通过以上步骤，你应该能够在Sublime Text 3中成功设置Node.js环境，并能够运行和调试Node.js脚本以及使用npm来管理包。


这么高端的东西，明明简单的东西非要搞得那么复杂， 你自己动手可能都解决了

TOOLS里面选择BUILD为NODEJS不就好了吗？ 当然如果没有的话你就new一个。 debug的话还是推荐你用chrome。

要在 Sublime Text 3 中搭建 Node.js 环境以便运行和调试 Node.js 项目，并使用 npm 安装包，可以遵循以下步骤：

1. 安装 Node.js 和 npm

确保你的系统上已经安装了 Node.js 和 npm。你可以从 Node.js 官方网站 下载并安装最新版本。

验证安装是否成功，可以通过命令行输入：

node -v
npm -v

2. 在 Sublime Text 3 中配置运行环境

创建或修改 build 文件

在 Sublime Text 3 中，通过 Tools -> Build System -> New Build System... 创建一个新的构建文件。将以下内容复制到新建的 JSON 文件中，并保存为 NodeJS.sublime-build。

{
    "cmd": ["node", "$file"],
    "file_regex": "^(...*?):([0-9]*):?([0-9]*)",
    "selector": "source.js"
}

然后选择 Tools -> Build System 并选择 NodeJS。

运行 Node.js 脚本

现在，你可以通过 Ctrl+B 或者 Cmd+B (Mac) 来运行当前打开的 .js 文件。

3. 配置 npm 包管理

使用终端

虽然 Sublime Text 3 本身不直接支持 npm，但你可以通过终端来安装 npm 包。例如，安装 Express 框架：

npm install express --save

4. 调试 Node.js 应用

Sublime Text 3 本身不直接支持调试功能，但你可以使用一些插件来实现这一功能。一个流行的插件是 NodeDebug。你可以在 Package Control 中搜索并安装它。

安装 NodeDebug 插件

  1. 打开 Package Control: Ctrl+Shift+P。
  2. 输入 Install Package 并按回车。
  3. 在搜索框中输入 NodeDebug 并安装。

配置和使用 NodeDebug

安装后，你可以通过 Tools -> Command Palette 打开命令面板，然后选择 NodeDebug: Start Debugging。根据需要配置断点、变量监视等。

通过这些步骤，你应该能够在 Sublime Text 3 中顺利地运行、调试 Node.js 应用，并使用 npm 管理依赖。

回到顶部