一、Mac 安裝 nodejs
前言
由于自己的拓展需求，要臨時(shí)使用到node.js，所以此次本君就在此mark下 Mac 下node.js的安裝和簡單的檢驗(yàn)示例，給各位小主留個(gè)標(biāo)記，提高下以后的效率。本章對(duì)于一些小白而言還是具有普及意義的。
step 1：
- 訪問nodejs官網(wǎng)（https://nodejs.org/en/），點(diǎn)擊紅色選框區(qū)域的v6.10.0 LTS版本并下載，詳見下圖：
step 2：
- 雙擊剛下載的.pkg文件，打開之后按照步驟默認(rèn)安裝就行，安裝完成后的截圖如下：
step 3：
- 安裝完成后，需要進(jìn)一步驗(yàn)證下版本號(hào)等信息，在LaunchPad中打開終端，分別輸入 :
npm -v
node -v
兩個(gè)命令，如下圖出現(xiàn)版本信息，說明安裝成功。
step 4：
- 新建一個(gè)js文件，nodejsTest.js , 輸入下面的代碼, 并保存
var http = require("http");
http.createServer(function(request, response) {
response.writeHead(200, {
"Content-Type" : "text/plain"
});
response.write("Welcome to Nodejs");
response.end();
}).listen(8000, "127.0.0.1");
console.log("Creat server on http://127.0.0.1:8000/");
打開終端進(jìn)入 nodejsTest.js 所在目錄， 輸入 node nodejsTest
終端顯示如下：
打開瀏覽器，點(diǎn)擊或者輸入http://127.0.0.1:8000/， 如果無法打開，可以將剛才新建的js文件中的.listen(8000, “127.0.0.1”) 的ip監(jiān)聽改成 .listen(8000)，然后點(diǎn)擊或者輸入http://localhost:8000/
二、#Mac系統(tǒng)下SublimeText運(yùn)行JavaScript控制臺(tái)
Sublime Text 2下載地址：(http://www.sublimetext.com/)
前言
JavaScript控制臺(tái)的調(diào)試和輸出在瀏覽器端的使用算是工作中常用了，作為前端開發(fā)主力編輯器Sublime Text本身是不支持JavaScript的輸出和運(yùn)行的。有的時(shí)候我們需要看一下輸出的效果，不得不借助于F12查看控制臺(tái)的程序。作為插件系統(tǒng)及其豐富的編輯器，我們可以通過添加Build System的方法來讓Sublime Text支持Javascript Console控制臺(tái)調(diào)試。
JSC方式（Mac OS X）
step 1：
Mac內(nèi)置了一個(gè)javascript控制臺(tái)程序，路徑比較深,(可以用命令"open 目錄"來打開目錄)
/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc
step 2：
啟動(dòng)Sublime Text，Tools > Build System > New Build System，如下圖所示:
step 3：
- 配置選項(xiàng)內(nèi)容，保存在默認(rèn)的User目錄
{
"cmd": ["/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc", "$file"],
"selector": "source.js"
}
- 菜單SublimeText->preferences->browser pakager,打開目錄
step 4：
新建一個(gè)JS文件測試控制臺(tái)輸出效果,使用快捷鍵Command + B按鈕進(jìn)行調(diào)試，需要注意的是這里使用debug，而不能使用console.log；選擇編譯系統(tǒng)，菜單Tools > Build System > Automatic或者JSC
var temp = {name:'lili',age:28};
for (var i = 2; i >= 0; i--) {
debug("Sublime Test3:"+i);
}
debug(temp);
// 輸出
// --> Sublime Test3:2
// --> Sublime Test3:1
// --> Sublime Test3:0
// --> [object Object]
截圖如下所示：
NodeJS方式
step 1：
下載安裝NodeJS，安裝步驟詳見上文所述，檢查是否安裝了NodeJS，在終端中運(yùn)行 node -v 命令
step 2：
重復(fù)上文中JSC方式的第二步，在Build Sytem添加以下內(nèi)容:保存為NodeJS.sublime-build
{
"cmd": ["node", "$file"],
"selector": "source.js"
}
按照如上方式操作后，你可能會(huì)發(fā)現(xiàn)自己怎么不OK呢？！可能自己就是那不幸運(yùn)的一部分，如果你沒有成功也不用著急，可以參考以下方式，接著來Do it！
在終端運(yùn)行:which node
獲取路徑如下:/usr/local/bin/node
重新配置如下:
{
"cmd": ["/usr/local/bin/node", "$file"],
"selector": "source.js"
}
step 3：
測試輸出效果:
var temp = {name:'lili',age:24};
for (var i = 2; i >= 0; i--) {
console.log("Sublime Test3:"+i);//在NodeJS下沒有debug()函數(shù)
}
console.log(temp);
// 輸出
// Sublime Test3:2
// Sublime Test3:1
// Sublime Test3:0
// { name: 'lili', age: 24 }
安裝Package Control
如果需要使用Sublime Test安裝插件，可以訪問這個(gè)網(wǎng)站https://packagecontrol.io/installation，按照說明安裝Package Control。重啟sublime text，在package control Install中搜索這個(gè)插件并下載。也就是說這個(gè)插件可以在sublime中直接搜索下載。
