WebStorm+Node.js开发环境的配置

WebStorm+Node.js开发环境的配置

时间： 2015-03-13 15:50:49      阅读： 22349      评论： 0      收藏： 0       [点我收藏+]

标签：代码   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

 打开地址http://127.0.0.1:8888/

发现输出 :

Hello World

 

WebStorm+Node.js开发环境的配置