Sublime text3安装及Nodejs开发环境的配置_npm start sublimetext build

Sublime text3是功能强大的编辑工具，配置相应的插件，可适用于多种编程语言的开发。

初次使用Sublime text3，摸索了三天，走过不少弯路，在这里写下来，一是为自己留个备忘，二是为同行提供些参考。

 

1.  从http://www.sublimetext.com/3（或http://www.sublimetext.cn/3）下载相应版本，我用的是64位的便携版（portable version），版本是Build3126，便携版好处是解压后就能用。

2. 解压缩下载的zip文件到任一文件夹，如：d:\sublimetext3。（最好放在根目录且文件夹名称不要用空格，避免可能存在的不必要的麻烦）。解压后，文件夹下有包括执行文件sublime_text.exe的11个文件和Packages、Data两个子文件夹，Packages下有49个以.sublime-package为后缀的包文件，Data下只有一个名称为KEEPME的0字节文件。

3. 点击启动sublime_text.exe。启动后在Data文件夹下生成4个子文件夹Cache、Installed Packages、Local、Packages（其下有User子文件夹），除Cache下生成的47个子文件夹有文件外，其它都为空文件夹。

4. 安装插件包管理器（Package Control）。有三种方法：

   ① 点击“Tools”菜单中的最后一项“Install Package Control...”。

   ②“ctrl+shift+p”打开命令面板输入“Install Package Control”。

   ③ 手工安装。若以上两种方法提示没有安装包安装失败，是网络链接有问题，网上有多种解决办法，但试过后效果不咋地，一个成功的方法是从中国镜像网站下载：点击http://packagecontrol.cn/Package%20Control.sublime-package下载“Package Control.sublime-package”放到“Data\Installed Packages”文件夹中。

安装好后重启应用，此时Tools菜单中的“Install Package Control...”隐去，在“Preferences”菜单的最后，增加了“Package Settings”和“Package Control”两项子菜单。

若是按上面方法③安装的“Package Control”，需要打开“Preference-Package Settings-Package Control-Settings - User”菜单，在其中添加："channels":[ "http://packagecontrol.cn/channel_v3.json" ]。

5. 汉化Sublime text。点击“Package Control”，在弹出的窗口中选择“Package Control: Install Package”，弹出一个可用的插件包列表，选择ChineseLocalization.

6. 点击“Package Control”，在弹出的窗口中选择“Package Control: Install Package”，在弹出的可用插件包列表中选择Nodejs，很快安装完毕。

7. 同上操作步骤，安装NPM和Node Completions两个插件包。

以上安装都会顺利完成，重要的是修改Nodejs包中的编译配置文件，步骤如下：

1. 打开Data\Installed Packages文件夹，用7z解压缩Nodejs.sublime-package（其实就是一个zip压缩的文本文件集合），放到任一文件夹下。

2.启动sublime_text.exe，点击菜单“File—>Open File”，找到上面解压后的文件夹中的Nodejs.sublime-build文件，做以下更改：

  //"encoding": "cp1252",
  "encoding": "utf-8",
  "windows":
    {
        // "cmd": ["taskkill /F /IM node.exe & node $file"]
      "shell_cmd": "taskkill /F /IM node.exe & node \"$file\""

    },

3. 更改保存后，将第1步文件夹中的所有文件重新打包成zip文件，并命名为Nodejs.sublime-package。

4.用上面更改后的Nodejs.sublime-package替换Data\Installed Packages文件夹中原来的同名文件。

至此，安装完成！

测试：

1. 启动ublime_text.exe，新建一个文本文件，复制下面代码并保存为Test.js：

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

2. 点击Ctrl+B，编译运行，在下方提示框中会显示出：Server running at http://127.0.0.1:1337/.

3. 在浏览器输入地址：http://127.0.0.1:1337/，会显示出：Hello World