SublimeText运行Nodejs项目_配置npm脚本命令构建系统-sublime-PHP中文网

SublimeText运行Nodejs项目_配置npm脚本命令构建系统

看不見的法師

发布： 2025-09-14 21:04:01

原创

893人浏览过

答案：可通过配置Sublime Text自定义构建系统运行Node.js项目。首先创建NodeNpm.sublime-build文件并设置cmd为["npm", "run", "$"]，然后为不同脚本如start、build创建独立构建配置，接着在项目设置中添加build_systems指定脚本命令，最后使用Ctrl+Shift+B选择并执行对应任务，验证输出结果是否正常。

sublimetext运行nodejs项目_配置npm脚本命令构建系统

如果您尝试在Sublime Text中运行Node.js项目，但无法直接执行npm脚本命令，则可能是由于构建系统未正确配置。以下是将npm脚本集成到Sublime Text构建系统的步骤：

一、创建自定义构建系统

Sublime Text允许用户通过自定义构建系统来执行外部命令，包括npm脚本。通过此方式，您可以直接在编辑器内运行package.json中的scripts。

1、打开Sublime Text，点击顶部菜单栏的 Tools → Build System → New Build System…

2、将默认内容替换为以下JSON配置：

{
    "cmd": ["npm", "run", "$"],
    "shell": true,
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js"
}

登录后复制

3、保存文件为 NodeNpm.sublime-build，建议保存在默认的Packages/User/目录下。

二、配置不同的npm脚本快捷方式

为了更灵活地运行特定的npm脚本（如start、build、test），可以为每个脚本创建独立的构建配置。

1、复制上一步的构建文件，命名为 NpmStart.sublime-build

2、修改"cmd"字段为目标脚本，例如启动开发服务器：

{
    "cmd": ["npm", "run", "start"],
    "shell": true,
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js"
}

登录后复制

3、重复上述步骤，分别为 build、test 等脚本创建对应的构建文件。

三、设置项目专属构建系统

通过项目级配置，可确保构建系统仅在当前项目中生效，并自动关联正确的脚本。

1、在Sublime Text中打开您的Node.js项目，点击 Project → Save Project As…

一览运营宝

一览“运营宝”是一款搭载AIGC的视频创作赋能及变现工具，由深耕视频行业18年的一览科技研发推出。

查看详情

2、保存项目文件后，再次进入Project菜单，选择 Edit Project

3、在project部分添加build_systems配置：

{
    "folders": [
        {
            "path": "."
        }
    ],
    "build_systems": [
        {
            "name": "npm start",
            "cmd": ["npm", "run", "start"],
            "working_dir": "${project_path}",
            "shell": true
        },
        {
            "name": "npm run build",
            "cmd": ["npm", "run", "build"],
            "working_dir": "${project_path}",
            "shell": true
        }
    ]
}

登录后复制