自學Node.js: WebStorm+Node.js開發環境的配置

標籤：style   http   color   io   os   java   ar   檔案   2014   

      WebStorm是作為JS開發IDE存在的，並且支援流行的Node.js以及JQuery等js架構。而Node.js簡單說就是一個JS類庫並且配備有Google的V8 js引擎來解析和執行js指令碼。

      那WebStorm+Node.js這樣一個組合，用來開發基於Node.js平台的應用是最方便不過的了，並且可以知道WebStorm這個IDE環境對js的支援是灰常強大的，有智能提示、斷點調試、查看源碼等等功能。

      類似其他開發環境的搭建，下面簡要說一下如何搭建一個開發環境並完成一個Demo執行個體。

      1.根據個人情況下載不同版本的安裝包，並安裝好Node.js環境。安裝步驟很簡單，不需要配置和修改什麼，一切都走預設路線即可。

      2.在安裝完Node.js並沒有什麼異常提示之後，在cmd下敲入 node 命令，測試一下，看看node.js是否安裝成功。

      3.安裝WebStorm軟體（要先下載哦），安裝成功之後，需要在其中配置一下Node.js：如

     

       1）點擊 [JS] 表徵圖，在彈出的配置框中預設檢索到本地安裝的Node.js，也可手動選擇到相應的檔案目錄下。

       2）Sources of Node.js Core Modules: 指的是配置源檔案路徑，把Node.js源碼解壓後的路徑配置到此即可。

      4.接下來，我們可以new project，建立一個HelloWorld Demo。在HelloWorld.js中輸出一個“HelloWorld”即可（console.log("Hello World")。

      5.準備好js檔案之後，需要再config 一下，才能出現我們在Eclipse中開發Java Project 時常見的綠色倒三角按鈕。

     這樣配置之後，點擊綠色按鈕，就會調用node 命令列來解析當前project的主檔案。

     可以在IDE下側的Console tab中看到 輸出結果：

1. "C:\Program Files\nodejs\node.exe" HelloWorld.js

2. Hello World

到這裡，WebStorm+Node.js的開發環境就算搭建成功了。

自學Node.js: WebStorm+Node.js開發環境的配置