为sublime text配置node.js及必要的插件安装方法_sublime test js好用配置

sublime text一个轻量级的编辑器，非常不错，相对比之下，对于初学者而言，如果仅仅为掌握基本语法知识而搭建的编辑环境，我感觉它已经足够担当了。如Python，java，JavaScript，kiviy，ktank等学习。
但他也有不足之处，必须手动为它配置编译系统（其实就是个配置文件，下面会有详细介绍）

一、node.js的安装

官网下载吧！安装一个先！官网的下载速度很快，不必去找其他的下载源。

如下图这样，估计你就安装成功了（记得，先前打开的终端工具先退出再进入，否则终端不认识新安装的node.js）。

在安装完node后，我们还必须在系统环境变量中为其设置一下，，否则后面的编译系统配置完成后编译运行会报错，说找不到nodejs。

二、配置编译器

在tools下的buildsystem下点击new build system.

在弹出的新文件中填写下面的代码：

{
"cmd": ["node", "$file"],
"selector": "source.js"
}
1
2
3
4

三、测试运行

配置成功后，我们可以复制以下代码看看是否可以正常运行

代码为：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.write('A node.js Server running!');
  res.end();
}).listen(8080);

 
console.log('Server running at http://localhost:8080/');
1
2
3
4
5
6
7
8
9

运行代码的效果

想重新运行，关闭网页再次编译即可。
到这里为止，说明你的nodejs配置成功了。

四、插件配置

1、jshint

这是一个输入智能提示的插件，直接在“你配吗”npm下安装即可，只要正确安装了，我看你就配！
可以参考官网来安装
https://jshint.com/install/

2、JavaScript completions

看名字就知道这个是来自动完成输入的，安装特别容易，在perferences->package control选择install package后，下直接搜索JavaScript completions,点击即可完成安装

安装完成后，当我们再次输入event，效果出来了

3、node completions

功能就不用介绍了，专用于node.js的，安装方法同上。

4、jsformat

最后介绍的这个东东也比较不错，是专门来格式化代码的，安装特别容易，在perferences->package control选择install package后，下直接搜索jsformat,点击即可完成安装。

怎么使用呢？Ctrl+Alt+F直接搞定，如以下代码：

使用后则会直接格式化好：

好了，有了这两样插件，相信你会更加喜欢sublime text了