Nodejs入门学习笔记-IDE选择/配置之WebStorm(windows)

Nodejs入门学习笔记-IDE选择/配置之WebStorm(windows)

IDE选择,根据社区讨论组的推荐 分别试用了Storm、Cloud9、Sublime Text、Vim、Eclipse 现在分别写一下简单的配置过程,和试用感觉。

先从最简单的Storm来说吧

基本都是Copy

http://blog.jetbrains.com/webide/2011/11/webstorm-your-node-app/

1、下载WebStorm

http://download.jetbrains.com/webide/WebStorm-3.0.3.exe

这个链接有可能被墙,不过用迅雷离线之类还是拖得下来的。

2、安装nodejs插件(上面链接的3.0.3,已经集成了nodejs插件) 在File->Setting->Plugins里面搜索nodejs,然后安装

3、配置编译器

![enter image description here][1]

4、打开文件Ctrl+Alt+F10开始调试 或者右键Debug,选择那个带node绿色标签的开始调试

优点

1、配置简单,基本装了就能用

2、高亮、感知啥都有 ![enter image description here][2]

3、调试方便可以加断点、输出

4、源代码管理比较强,支持git,cvs,subversion,Tfs…

缺点

1、商业软件,30天试用.(注册机神马都是我会到处说嘛) [1]: http://blog.jetbrains.com/webide/files/2011/11/NodeJSSourcesConfig1.png [2]:http://www.jetbrains.com/webstorm/whatsnew/screenshots/30/nodeJSDebugging_thumb.png


12 回复

Node.js入门学习笔记 - IDE选择/配置之WebStorm(windows)

引言

在Node.js的学习过程中,选择一个合适的开发环境(IDE)对于提高效率和代码质量至关重要。本文将详细介绍如何使用WebStorm作为Node.js开发的IDE,并提供详细的配置步骤。

IDE选择

在社区讨论中,WebStorm因其强大的功能和便捷的调试能力而备受推崇。此外,它还支持多种版本控制系统,如Git、CVS、Subversion等。本文将详细说明如何安装和配置WebStorm以用于Node.js开发。

WebStorm安装与配置

  1. 下载WebStorm 首先,访问JetBrains官方网站下载WebStorm。你可以直接从以下链接下载最新版本:

    https://www.jetbrains.com/webstorm/download/
    
  2. 安装Node.js插件 安装完成后,打开WebStorm并进入设置界面。通过以下路径找到插件安装界面:

    File -> Settings -> Plugins
    

    在插件市场中搜索“Node.js”,然后点击安装并重启IDE以使插件生效。

  3. 配置Node.js运行环境 接下来,我们需要配置Node.js运行环境。通过以下路径进入配置界面:

    File -> Settings -> Languages & Frameworks -> Node.js and NPM
    

    在这里,你需要指定Node.js的安装路径。如果你已全局安装Node.js,通常默认路径即可。如果没有,可以在官网下载并安装Node.js。

    Node.js配置

  4. 创建项目并调试 打开WebStorm后,创建一个新的Node.js项目。可以通过以下步骤完成:

    File -> New -> Project -> Node.js
    

    创建项目后,添加一个index.js文件,并编写你的第一个Node.js程序,例如:

    const http = require('http');
    
    http.createServer((req, res) => {
      res.writeHead(200, {'Content-Type': 'text/plain'});
      res.end('Hello World\n');
    }).listen(8080);
    
    console.log('Server running at http://localhost:8080/');
    

    保存文件后,可以通过以下方式启动调试:

    • 按下Ctrl + Alt + F10
    • 或者右键点击文件,选择“Debug”选项,选择带有Node绿色标签的配置项。

优点

  • 配置简单:安装完成后,只需简单的几步配置即可开始开发。
  • 功能强大:提供代码高亮、智能感知、自动补全等功能。
  • 调试方便:支持设置断点、查看变量值等高级调试功能。
  • 版本控制:集成多种版本控制系统,便于团队协作。

缺点

  • 商业软件:虽然有30天的免费试用期,但之后需要购买许可证。如果不想付费,可以考虑其他开源IDE,如Visual Studio Code。

总结

WebStorm是一个功能全面且用户友好的IDE,非常适合Node.js开发。尽管它是商业软件,但其强大的功能和易用性使其成为Node.js开发者不可或缺的工具之一。希望这篇教程能帮助你快速上手WebStorm进行Node.js开发。


问下,这个和intellij+node.js插件开发有什么区别

用了好几个月了, 感觉还行, 不过略显臃肿咯!

感觉界面丑… 可能是个人习惯问题吧… 就像我一直喜欢Eclipse和Sublime的界面,而不喜欢Netbean那种土土的界面

俺也用的这个

不错啊,试用下,准备告别editplus了

总体来说eclipse的界面我觉得也不好用。当然netbean也不好用。

老实讲 eclipse WebStorm intellij Netbean 还有一个c开头的什么 都是垃圾玩意,准确的讲就是这些玩意确实能工作。但是仅仅是能工作而已,体验都很不好。

请问webstorm如何设置光标移入编辑区的时候默认停在该行的最后一个字符位置,而不是点在哪里,就停在哪里,感觉很不方便!谢谢

经过不懈努力终于被我找到了,英文的,忒难找了!!!在setting->editor->allow placement of caret after end of line 的勾选去掉就OK了!

Node.js入门学习笔记 - IDE选择/配置之WebStorm (Windows)

1. 下载与安装

首先,你需要下载并安装 WebStorm。访问 JetBrains 官网 下载最新版本的 WebStorm。

2. 安装 Node.js 插件

安装 WebStorm 后,启动软件,进入 File -> Settings (或 Preferences 在 macOS 上)。找到 Plugins 选项卡,在搜索框中输入 Node.js,然后点击安装。

3. 配置 Node.js 解释器

安装完 Node.js 插件后,你需要配置 Node.js 解释器。打开 SettingsPreferences,找到 Languages & Frameworks -> Node.js and NPM

在这里,你可以设置 Node.js 的路径。如果安装过程中没有自动识别,你可以手动指定 Node.js 的安装位置。

4. 创建项目

创建一个新的 Node.js 项目,可以通过以下步骤:

  1. 点击 File -> New Project
  2. 选择 Node.js 项目类型。
  3. 设置项目的名称和路径,然后点击 Create

5. 编写和运行代码

在项目中新建一个 JavaScript 文件,例如 app.js。输入一些简单的 Node.js 代码,如:

const http = require('http');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello World\n');
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

保存文件后,右键点击编辑器中的文件名,选择 Debug 'app',WebStorm 将会启动 Node.js 调试模式,并运行你的代码。

6. 使用调试功能

在代码中设置断点,使用 Run -> Start Debugging 或者右键点击代码行号区域来添加断点。你可以在调试模式下逐行执行代码,查看变量的值等。

优点

  1. 配置简单:安装完 Node.js 插件后,基本上即开即用。
  2. 高亮和感知:具有语法高亮和智能感知功能,使编码更高效。
  3. 调试方便:可以轻松地设置断点、查看变量值等。
  4. 源代码管理:支持多种版本控制系统,如 Git、CVS、Subversion 和 TFS。

缺点

  1. 商业软件:30天试用期,需要购买许可证才能继续使用。

通过以上步骤,你可以快速上手并使用 WebStorm 进行 Node.js 开发。

回到顶部