sublime运行js

用sublime text3 运行js

在使用sublime text3时候我们需要运行js代码,但对于许多新手来说会忽略很多,下面我总结了一下。

检查是否安装node

首先打开cmd,输入node -v ,检查node是否安装

win+R 输入cmd
由于我安装的位置是D盘,因此先进入再输入node -v(之间有空格)

有些伙伴下载的node没有npm,因此我们再输入npm -v(之间有空格)检查一下
在这里插入图片描述

上述就说明已经安装了node,如果输入没有出现版本号,显示该未知命令,则是环境变量未配置或者未下载node,下面讲如何配置环境变量
右键电脑,点击属性,点击高级系统设置
在这里插入图片描述
点击环境变量
在这里插入图片描述
双击系统变量中的Path,找到下载的node的位置,node的文件如下图,复制文件夹的地址,新建,粘贴,确定即可
在这里插入图片描述
重复cmd操作,检查是否配置成功。

sublime中下载nodejs

在首选项中点击Package Control 或者Alt+N 后点击
单击Install Package,等一下下,就会出现插件的安装
在这里插入图片描述
输入nodejs,选择第一个(由于我已经安装了不会出现,不再演示)
在这里插入图片描述
或者从GitHub直接下载插件zip
https://github.com/tanepiper/SublimeText-Nodejs
在sublime中浏览插件目录
在这里插入图片描述
新建一个文件夹命名为Nodejs,然后把压缩包内的文件全部复制过来
再要修改2个文件
在这里插入图片描述
用记事本打开第一个和第三个文件
第一个Nodejs.sublime-build
直接删除里面内容,将下面复制过去
如果encoding不是utf8可能出现中文乱码的现象

{
      "cmd": ["node", "$file"],
      "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
      "selector": "source.js",
      "shell":true,
      "encoding": "utf8",
      "windows":
    {
       "cmd": ["node", "$file"]
    },
      "linux":
    {
       "cmd": ["killall node; node $file"]
    },
    "osx":
    {
        "cmd": ["killall node; node $file"]
    }
}

第三个Nodejs.sublime-settings。

{
 // save before running commands
 "save_first": true,
 // if present, use this command instead of plain "node"
 // e.g. "/usr/bin/node" or "C:\bin\node.exe"
 "node_command": "D:\\node.exe" ,
 // Same for NPM command
 "npm_command": "D:\\npm.cmd",
 // as 'NODE_PATH' environment variable for node runtime
 "node_path": false,

 "expert_mode": false,

 "ouput_to_new_tab": false
}

下图就是node.exe和npm.cmd的地址,自己安装在哪就写哪儿,不要忘记转义符\

在这里插入图片描述
上述配置完成,保持关闭,重启sublime,输入最简单的代码我们测试一下

console.log("你好")

Ctrl +B 运行代码,如下图
在这里插入图片描述
成功!

Sublime Text 是一款流行的轻量级文本编辑器,常用于编写代码,其简洁的界面和丰富的插件使其受到开发者喜爱。要在 Sublime Text运行代码,通常需要配合外部工具或集成的插件,具体步骤取决于你正在使用的编程语言和你想要的执行环境。以下是通用的步骤: 1. **配置 Build System**(构建系统): - 在 Sublime Text 中,选择“Tools” > “Build System” > “New Build System…”,创建一个新的配置文件。这通常会自动生成一个 JSON 格式的文件,如 `.sublime-build`。 - 在这个配置文件中,你需要指定编译命令、运行命令以及相关的环境变量。 2. **使用快捷键或菜单**: - 按 `Ctrl+B` 或 `Cmd+B` (Windows/Linux) 或 `Cmd+Enter` (MacOS) 可以调用预设的 Build System 来运行代码。如果设置了默认的运行配置,会自动执行相应的操作。 3. **代码片段或插件**: - 如果你的语言有对应的插件,比如 "SublimeLinter" 或 "SublimeCodeIntel",它们可能提供了直接运行代码的功能。 - 使用 Code Snippets 功能,你可以创建自定义的代码片段,其中包含运行代码的部分。 4. **外部集成**: - 对于一些需要外部环境的语言(如 Python),可能需要配置外部的解释器路径,例如通过 `path` 或 `shell_path` 配置。 记得根据你的编程语言(如 JavaScript, Python, C++ 等)选择适当的运行配置,并确保已经安装了必要的依赖。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值