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
Node.js入门学习笔记 - IDE选择/配置之WebStorm(windows)
引言
在Node.js的学习过程中,选择一个合适的开发环境(IDE)对于提高效率和代码质量至关重要。本文将详细介绍如何使用WebStorm作为Node.js开发的IDE,并提供详细的配置步骤。
IDE选择
在社区讨论中,WebStorm因其强大的功能和便捷的调试能力而备受推崇。此外,它还支持多种版本控制系统,如Git、CVS、Subversion等。本文将详细说明如何安装和配置WebStorm以用于Node.js开发。
WebStorm安装与配置
-
下载WebStorm 首先,访问JetBrains官方网站下载WebStorm。你可以直接从以下链接下载最新版本:
https://www.jetbrains.com/webstorm/download/
-
安装Node.js插件 安装完成后,打开WebStorm并进入设置界面。通过以下路径找到插件安装界面:
File -> Settings -> Plugins
在插件市场中搜索“Node.js”,然后点击安装并重启IDE以使插件生效。
-
配置Node.js运行环境 接下来,我们需要配置Node.js运行环境。通过以下路径进入配置界面:
File -> Settings -> Languages & Frameworks -> Node.js and NPM
在这里,你需要指定Node.js的安装路径。如果你已全局安装Node.js,通常默认路径即可。如果没有,可以在官网下载并安装Node.js。
-
创建项目并调试 打开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如何设置光标移入编辑区的时候默认停在该行的最后一个字符位置,而不是点在哪里,就停在哪里,感觉很不方便!谢谢
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 解释器。打开 Settings
或 Preferences
,找到 Languages & Frameworks
-> Node.js and NPM
。
在这里,你可以设置 Node.js 的路径。如果安装过程中没有自动识别,你可以手动指定 Node.js 的安装位置。
4. 创建项目
创建一个新的 Node.js 项目,可以通过以下步骤:
- 点击
File
->New Project
。 - 选择
Node.js
项目类型。 - 设置项目的名称和路径,然后点击
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
或者右键点击代码行号区域来添加断点。你可以在调试模式下逐行执行代码,查看变量的值等。
优点
- 配置简单:安装完 Node.js 插件后,基本上即开即用。
- 高亮和感知:具有语法高亮和智能感知功能,使编码更高效。
- 调试方便:可以轻松地设置断点、查看变量值等。
- 源代码管理:支持多种版本控制系统,如 Git、CVS、Subversion 和 TFS。
缺点
- 商业软件:30天试用期,需要购买许可证才能继续使用。
通过以上步骤,你可以快速上手并使用 WebStorm 进行 Node.js 开发。