【Node.js】2.开发Node.js选择哪个IDE 开发工具呢

简介: 安装完Node.js之后,就要为它选择一个有利的IDE用于开发。相比较了多个IDE之后,定位在webstrom和sublime上。有一个简单的比较:webstorm功能很丰富,前端开发工具的集大成者,相比sublime稍重一些sublime插件也很丰富,界面也比较美观,很轻量,也有简单的project管理功能这里选择使用sublime作为Node.js的开发工具。

安装完Node.js之后,就要为它选择一个有利的IDE用于开发。

相比较了多个IDE之后,定位在webstrom和sublime上。

有一个简单的比较:

webstorm功能很丰富,前端开发工具的集大成者,相比sublime稍重一些

sublime插件也很丰富,界面也比较美观,很轻量,也有简单的project管理功能

这里选择使用sublime作为Node.js的开发工具。

【着重建议下载使用英文版:http://www.sublimetext.com/3  因为之后会因为是汉化版的出现好多令人无语的问题。】

【后续文中截图全部为英文版的,注册和未注册的并没有什么区别,只不过会定期提醒你让你注册】

傻瓜式安装,安装完成启动。

 

关于sublime的使用,有超级多的小技巧。

请在官网查询 其相关文档,后续使用。

 

然后进入node.js的官网,找到文档中的例子,使用node.js编写的web服务器。

 

 1.首先使用sublime打开一个文件夹,然后可以在这个文件夹下新建一个文件

2.接下来,你直接在这个文件页面,写上start.js,

就额可以完成保存本js文件了。

 

 3.start.js文件保存好之后,删掉文本中的文件名+后缀,将官网上这段js小例子贴在本js文件中

关于const和var的区别,详见http://www.cnblogs.com/sxdcgaq8080/p/7353685.html

 1 const http = require('http');
 2 
 3 const hostname = '127.0.0.1';
 4 const port = 3000;
 5 
 6 const server = http.createServer((req, res) => {
 7   res.statusCode = 200;
 8   res.setHeader('Content-Type', 'text/plain');
 9   res.end('Hello World\n');
10 });
11 
12 server.listen(port, hostname, () => {
13   console.log(`服务器运行在 http://${hostname}:${port}/`);
14 });
View Code

 

【小技巧1】:如果你想修改上面js中的同一个变量,例如:上面的const,你可以将光标放在任意一个const上,然后Ctrl+D,点击多次就可以选中多个const。

 

4.保存js文件后,进入dos窗口

 

 

5.此时看到已经打印出了http://127.0.0.1:3000/,一个运行在本机的,端口为3000的服务器就跑起来了

然后在浏览器上访问本地址

 

6.修改start.js,前台刷新一下

 

修改了start.js后,刷新浏览器并没有改变,是因为服务器并没有重启

在dos窗口 Ctrl+C,可以停掉启动的服务,然后重新启动一下服务

 

7.以上就可以使用sublime编写js文件,使用Node.js引擎运行了js文件中的js代码,就可以跑起来一个用纯js写的服务器。

 

相关文章
|
2月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
8月前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
412 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
7月前
|
人工智能 IDE JavaScript
JetBrains WebStorm 2025.1 发布 - 最智能的 JavaScript IDE
JetBrains WebStorm 2025.1 (macOS, Linux, Windows) - 最智能的 JavaScript IDE
248 6
JetBrains WebStorm 2025.1 发布 - 最智能的 JavaScript IDE
|
7月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
630 9
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
279 2
|
12月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
206 1
JavaScript中的原型 保姆级文章一文搞懂
|
12月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
129 0