1. 程式人生 > >Sublime+node開發外掛設定

Sublime+node開發外掛設定

        Sublime是node開發最方便的IDE,如果設定了node外掛,那麼js程式碼編寫完成即可編譯執行出結果。windows上的node外掛和mac上的外掛設定方法稍微有些區別,這裡最後會寫出來。

       Sublime和node的安裝,這裡略過,預設已經安裝了。

       這裡需要設定一個編譯環境Nodejs,只需要將github上node外掛下載到SublimeText安裝路徑的指定位置即可 https://github.com/tanepiper/SublimeText-Nodejs。

      這個位置就是path/to/sublimetext/Data/Packages/Nodejs下,如果nodejs目錄不存在,可以新建。我的機器上是在如下目錄:D:\tools\Sublime Text\Data\Packages\Nodejs

      如果安裝了git,可以通過命令列執行如下命令

      $ git clone https://github.com/tanepiper/SublimeText-Nodejs

      下載並移動到對應目錄之後最終的檔案結構如下圖所示。

確保node已經加入了環境變數:

開啟SublimeText,檢視到nodejs外掛已經加入。

這是如果是windows需要做如下修改,找到sublimehome/Data/Packages/Nodejs/SublimeText-Nodejs/Nodejs.sublime-build,修改如下:

其中第二行,指定node絕對路徑,否則會報錯,找不到執行程式。

第六行修改編碼,避免亂碼

第九行這個非常重要,一定要這麼寫,否則會報錯。有的資料上沒有將前面部分都用逗號隔開,結果就是報錯。這句有個好處就是不需要我們手動殺死已經存在的node程序。直接用命令殺死,然後執行node命令,執行指令碼。

以下貼出一個測試:

console.log(123);
console.log('hello nodejs');
通過快捷鍵ctrl+b,可以編譯。最後輸出如下結果。

第一行錯誤提示:沒有找到程序"node.exe",這個可以理解,我們之前並沒有指定node程序,再次執行還是有這個錯誤提示,因為完執行以上兩句程式碼node程序直接終止了。這句程式碼在我們開發node服務端時會有用處,我們通過一個埠監聽http服務,這時候node程序會掛起,等到我們修改部分程式碼,只需ctrl+b執行啟動指令碼,就可以了,不需要手動殺死node程序。

如果是mac系統,這裡的配置需要稍作修改,node絕對路徑,通過which node可以得到

另外Nodejs.sublime-settings檔案也稍作修改,指定node和npm的路徑,通過上面的命令which node,which npm得到。

另外mac上的命令是command+b只是編譯,執行的話,需要按下command+r