windows下配置Sublime Text 2開發Nodejs

標籤：

安裝Sublime Text 2外掛程式的方法： 1.直接安裝

安裝Sublime text 2外掛程式很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。

2.使用Package Control組件安裝

也可以安裝package control組件，然後直接線上安裝：

1. 按Ctrl+`調出console
2. 粘貼以下代碼到底部命令列並斷行符號：
   import urllib2,os;pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())
3. 重啟Sublime Text 2。
4. 如果在Perferences->package settings中看到package control這一項，則安裝成功。

如果這種方法不能安裝成功，可以到這裡下載檔案手動安裝。

用Package Control安裝外掛程式的方法：

1. 按下Ctrl+Shift+P調出命令選擇區
2. 輸入install 調出 Install Package 選項並斷行符號，然後在列表中選中要安裝的外掛程式。

不爽的是，有的網路環境可能會不允許訪問陌生的網路環境從而設定一道防火牆，而Sublime Text 2貌似無法設定代理，可能就擷取不到安裝包列表了。
好，方法介紹完了，下面是本文正題，一些有用的Sublime Text 2外掛程式：

方法一：利用第一種安裝方法（直接安裝）

1 下載 Sublime Text 2
http://www.sublimetext.com/

2 下載Nodejs外掛程式,下載ZIP包
https://github.com/tanepiper/SublimeText-Nodejs

3 解壓ZIP，重新命名為Nodejs

4 將Nodejs複製到C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages目錄下

5 重啟Sublime Text 2 ->Tools-->Build System -->Nodejs

6 配置nodejs的path Preferences-->Package Setting-->Nodejs-->Default，附我的配置如下

{
  // 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:\\tools\\nodejs\\node.exe",
  // Same for NPM command
  "npm_command": "D:\\tools\\nodejs\\npm.cmd",

 

}

7 C:\Users\Administrator\AppData\Roaming\Sublime Text 2\Packages\nodejs\Nodejs.sublime-build進行修改，附我修改內容如下：

  "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
  "selector": "source.js",
  "shell":true,
  "encoding": "GB2312",
  "windows":
    {
     "cmd": ["D:\\tools\\nodejs\\node.exe", "$file"]
    },
  "linux":
    {
        "cmd": ["killall node; node", "$file"]
    }
}

8 好了配置好開發工具就可以進行開發了。

我們在編輯器建立一個js 檔案，ctrl+b運行或在 Tools->nodejs -> run就可以運行了。

 

方法二：使用Package Control組件安裝

1.先安裝好Sublime Text 2

2.運行Sublime,菜單上找到Tools ---> Build System ---> new Build System

3.在檔案中複製入

{    "cmd": ["node", "$file"],    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",    "selector": "source.javascript"}

4.儲存檔案為NodeJs.sublime-build

5.菜單上找到Tools ---> Build System --->選擇 NodeJs

6.安裝Package Control；運行Sublime，按下快速鍵Ctrl + `；在控制台中輸入如下並斷行符號;

import urllib2,os;pf=‘Package Control.sublime-package‘;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),‘wb‘).write(urllib2.urlopen(‘http://sublime.wbond.net/‘+pf.replace(‘ ‘,‘%20‘)).read())

7.安裝完成後重新啟動Sublime，按下快速鍵Ctrl + Shift + P; 輸入install，選擇Install Package並斷行符號

8.輸入nodejs並選擇Nodejs安裝（可以裝上JavaScript & NodeJs Snippets）

  9.建立test.js檔案，輸入 console.log(‘Hello Node.js‘); 按快速鍵 Ctrl + B 運行，成功輸出！ 如

  這裡配置Sublime Node.js開發環境就成功了！

　　如果想要更好看的主題色彩配置請參考：http://www.infoq.com/cn/minibooks/nodejs

　　
擴充：安裝多版本管理器

    　　 安裝多版本管理器nvmw（Node開發指南一書中用的NVM，Windows上好像不行，在www.npmjs.org中找了這個，雖然學慣用不上，先裝上再說）

    　　安裝命令

    　　npm install -g nvmw

    　　因為沒有使用到它，所有就不做多的介紹,詳細查看

    　　https://npmjs.org/package/nvmw

windows下配置Sublime Text 2開發Nodejs