当前位置:   article > 正文

在 Sublime Text3 中配置 NodeJs 开发环境_sublime nodejs

sublime 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]);
}
  • 1
  • 2
  • 3
  • 4
  • 5

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/79564
推荐阅读
相关标签
  

闽ICP备14008679号