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

From:http://blog.csdn.net/lfsfxy9/article/details/8741538


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的開發環境就算搭建成功了。
發佈了225 篇原創文章 · 獲贊 16 · 訪問量 47萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章