首页 > 代码库 > webstorm/...开发 NodeJS 项目

webstorm/...开发 NodeJS 项目

前提:

  已安装好 webstorm/IDEA 2016.3 & 2017.1 (见 文 IDEA开发Java 相关 --- 1 IDEA安装 ...

     要用 IDEA 开发 NodeJS项目(web/JS)项目,首先需要:

    1. 自行下载 Node.js 并安装,下载网址:https://nodejs.org/en/download/;或者 https://nodejs.org/en/

       测试: cmd-> node -v  或者 node, 未出现错误,如下,则表明已安装完好。

     技术分享

       其次,当前的  NodeJS 版本都集成了 NPM, 测试可使用"npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

        技术分享

  2. 在 IDEA中下载 NodeJS 插件,参考http://blog.csdn.net/wang19891106/article/details/51127133,主要步骤如下:

  • 默认安装好了IDEA,在IDEA的file -> setting ->Plugins,右边默认是没有这个组件的需要你手动点击Browe repositories..,在插件列表中搜索nodejs,将看到NodeJS插件,点击下载,重启,(其实它会关联到你安装的NodeJS)如下图; 
    技术分享
  • 在new project中就多出一项NodeJS 
    技术分享
  • 构建第一个NodeJS项目 
    技术分享

  出现如下问题:

Error creating Node.js Express App. Cannot find C:\Users\admin\AppData\Local\Temp\intellij-express-generator\node_modules\express-generator\bin\express

解决: 要安装  Node.js web框架模块 express:  可使用 npm 命令安装模块,npm 安装 Node.js 模块语法格式如下:

$ npm install <Module Name>

    以下实例,我们使用 npm 命令安装常用的 Node.js web框架模块 express:

npm install express      # 本地安装( 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。)
npm install express -g   # 全局安装(将安装包放在 /usr/local 下或者你 node 的安装目录。)

  安装好之后,express 包就放在了工程目录下的 node_modules 目录中,因此在代码中只需要通过 require(‘express‘) 的方式就好,无需指定第三方包路径。

var express = require(express); 

 

  • 按照默认操作执行,生成的项目目录结构如下,改目录结构和《Node.js开发指南》的例子是一样的,并且IDEA已经生成一个可以运行的Demo。 
    技术分享
  • 点击右上角的绿色箭头,启动服务。 
    技术分享
  • 出现如下提示”Listening on port 3000”,说明服务启动成功 
    技术分享
    • 在浏览器中输入”http://localhost:3000/“,出现下图说明成功 
      技术分享

     

webstorm/...开发 NodeJS 项目