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 运行代码,如下图
在这里插入图片描述
成功!

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值