在 Sublime Text3 中配置 NodeJs 开发环境

最近在自己的空闲时间自学了JS,一开始只是在sublime中写HTML文件,并且在HTML中的script里面写css,学着学着发现每次都要切换到浏览器去查看控制台的结果,很麻烦,所以就在sublime中安装了Nodejs的插件,还有相关的环境配置,在此记录!

第一步 在windows中安装Node.js,这里可以直接点击进去下载Node.js官网下载地址

在这里插入图片描述
按照自己电脑的是x86(32位)还是x64(64位)的系统,我这里是x64,选择64位下载。

下载完成后选择自己的安装路径,建议一般软件放在D盘中,只需把路径的C:改成D:即可。
然后一直点击Next安装即可。

安装完成后在桌面按win+R,然后输入cmd进入命令行中。

在终端中输入 node -vnpm -v 检验Node.js是否安装成功。
在这里插入图片描述
出现上述版本号即安装成功。

第二步 下载Nodejs的插件,点击github下载插件,将压缩包下载到本地后解压。

在这里插入图片描述
解压后将 SublimeText-Nodejs-master 改命为 Nodejs

第三步 打开Sublime,在设置(首选项)中浏览插件目录。

在这里插入图片描述
把之前的Nodejs文件剪切到当前目录。
在这里插入图片描述

第四步 更改配置

进入 Nodejs 文件夹,用 Sublime 打开 Nodejs.sublime-build 和 Nodejs.sublime-settings 两个文件。

Nodejs.sublime-build 配置如下:
在这里插入图片描述
把 encoding 中的内容改成 utf-8,把 windows中的内容改成 "cmd": ["node", "$file"],底下的linux、osx不用管它。
修改后保存,接着修改Nodejs.sublime-settings。

Nodejs.sublime-settings 配置如下:
在这里插入图片描述
这里只需要修改 “node_command” 和 “npm_command” 即可。把刚才官网下载nodejs的路径找到。
在这里插入图片描述
把 node.exe 的路径写在 “node_command” 后面,把 npm.cmd 的路径写在 “npm_command” 后面,修改好后保存。

第五步 测试

直接在Sublime中创建一个 a.js 文件,在文件中打一个简单的 数组遍历:

var arr = [1,2,3];

for(var i=0; i<arr.length; i++){
	console.log(arr[i]);
}

打完代码后,在工具中找到编译系统,选择Nodejs:
在这里插入图片描述
然后执行 ctrl+b 就可以执行 js 代码了。
在这里插入图片描述
至此,Sublime Text3 中的 Nodejs 环境配置完成。

  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

King_960725

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值