1. 程式人生 > >WebStorm+Node.js開發環境的配置

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

下載完成之後,雙擊 

node-v0.8.16-x86.msi,開始安裝nodejs,預設是安裝在C:\Program Files\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