Nodejs開發(1.Sublime Text 3配置)

石曼迪發表於2016-03-27

本例使用Sublime Text 3開發

原因:

1. 有開發提示;

2. 非常easy的除錯執行;

下載Sublime Text 3,官網地址:http://www.sublimetext.com/3

下載NodeJs外掛,地址:https://github.com/tanepiper/SublimeText-Nodejs

把下載下來的外掛解壓並重新命名為Nodejs,複製到下面目錄:

C:\Users\Neal\AppData\Roaming\Sublime Text 3\Packages

這是我機器路徑,根據情況適當修改。

然後關閉掉Sublime Text 3並重啟,依次點開:Tools-->Build System -->Nodejs

再依次點選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": C:\\Program Files\\nodejs\\node.exe,

// Same for NPM command

"npm_command": C:\\Program Files\\nodejs\\npm.cmd,

// as 'NODE_PATH' environment variable for node runtime

"node_path": false,

"expert_mode": true,

"ouput_to_new_tab": false

}

這裡都是Nodejs預設路徑。

然後開啟檔案:C:\Users\Neal\AppData\Roaming\Sublime Text 3\Packages\Nodejs\ Nodejs.sublime-build

修改為實際路徑:

{

"cmd": ["C:\\Program Files\\nodejs\\node.exe", "-p", "$file"],

"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",

"selector": "source.js",

"shell":true,

"encoding": "GB2312",

"windows":

{

"cmd": ["C:\\Program Files\\nodejs\\node.exe", "$file"]

},

"linux":

{

"cmd": ["killall node; node", "$file"]

}

}

重啟Sublime Text 3,輸入程式碼,儲存為1.js

按快捷鍵:control+b就會執行:

clip_image002

還有程式碼格式化功能,其實在sublime中已經自建了格式化按鈕:  

Edit  ->  Line  ->  Reindent      

只是sublime並沒有給他賦予快捷鍵,所以只需加上快捷鍵即可  

Preference  ->  Key Bindings -user        

中 括號內新增(比如新增:ctrl + alt + f)       

       { "keys": ["ctrl+alt+f"], "command": "reindent" }

相關文章