WebStorm+Node.js開發環境的配置
標籤:程式碼 com log src http it sp js im
1 下載地址:
webstorm:http://www.jetbrains.com/webstorm
node.js:https://nodejs.org/download/
2 安裝node.js
按照提示一步步安裝即可,不用多說,安裝完成後檢測PATH環境變數是否配置了Node.js,點選開始=》執行=》輸入"cmd" => 輸入命令"path",輸出如下結果:
PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm
我們可以看到環境變數中已經包含了C:\Program Files\nodejs\
檢查Node.js版本
3 安裝配置webstorm
安裝過程很簡單,不多說,配置過程如下:
3.1 File->setting 輸入node.js
配置Node interpreter
3.2 配置node.js的source code
3.3 測試是否可以執行node.js 程式碼
確實比較好用:)
第二步:安裝nodejs
下載完成之後,雙擊
第三步:安裝相關環境
開啟C:\Program Files\nodejs目錄你會發現裡面自帶了npm,直接用npm安裝相環境既可
進入node.js command prompt 命令視窗
進入nodejs 安裝目錄 C:\Program Files\nodejs
鍵入命令:cd C:\Program Files\nodejs 既可
現在開始安裝相關環境
鍵入命令:npm install express 回車等待安裝express........
鍵入命令:npm install jade 回車等待安裝jade........
鍵入命令:npm install mysql回車等待安裝mysql........
........安裝什麼元件,取決於環境搭建需求
預設情況下上述元件都是安裝在C:\Program Files\nodejs\node_modules資料夾下 這也是nodejs相關元件的自動查詢路徑
第四步:建立一個工程
現在已經有express
express命令安裝在全域性才起作用!
所以express安裝的時候要用 npm install express -g
或者直接修改全域性路徑:
npm config set prefix "C:\Program Files\nodejs"
npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目錄)
鍵入:express myapp (myapp是隨意起的工程名稱)
你會發現多了一個 C:\Program Files\nodejs\myapp 目錄
預設情況下:裡會自動建立
這幾個檔案,不做解釋,相信有過開發經驗的同學都能一眼明瞭。
複製node_modules到myapp下面
環境搭建到此完工,下面做一個demo測試!
在myapp下新建helloworld.js
var http = require("http"); http.createServer(function(request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.write("Hello World"); response.end(); }).listen(8888); console.log("nodejs start listen 8888 port!");
進入node.js command prompt 命令視窗,進入C:\Program Files\nodejs\myapp目錄
鍵入node helloworld.js
發現輸出 :
Hello World