【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写的服务器。

 

相关文章
|
25天前
|
开发框架 JavaScript 安全
js开发:请解释什么是Express框架,以及它在项目中的作用。
Express是Node.js的Web开发框架,简化路由管理,支持HTTP请求处理。它采用中间件系统增强功能,如日志和错误处理,集成多种模板引擎(EJS、Jade、Pug)用于HTML渲染,并提供安全中间件提升应用安全性。其可扩展性允许选用合适插件扩展功能,加速开发进程。
|
26天前
|
缓存 JavaScript 前端开发
js开发:请解释什么是Webpack,以及它在项目中的作用。
Webpack是开源的JavaScript模块打包器,用于前端项目构建,整合并优化JavaScript、CSS、图片等资源。它实现模块打包、代码分割以提升加载速度,同时进行资源优化和缓存。借助插件机制扩展功能,并支持热更新,加速开发流程。
17 4
|
11天前
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决?
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决?
|
4天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
|
4天前
|
JavaScript 关系型数据库 MySQL
❤Nodejs 第二章(Node连接本地数据库)
【4月更文挑战第2天】本文介绍了如何使用Node.js连接本地MySQL数据库。首先,提到了在MySQL官网下载安装数据库和使用Navicat for MySQL进行数据库管理。接着,通过`yarn add mysql`在项目中安装数据库依赖。然后,创建`app.js`文件,设置数据库连接参数,并建立连接进行查询操作。遇到导入模块的错误后,修改导入方式为CommonJS语法。
19 1
|
26天前
|
Web App开发 JavaScript 前端开发
js开发:请解释什么是Node.js,以及它的应用场景。
Node.js是基于V8的JavaScript运行时,用于服务器端编程。它的事件驱动、非阻塞I/O模型使其在高并发实时应用中表现出色,如Web服务器、实时聊天、API服务、微服务、工具和跨平台桌面应用(使用Electron)。适用于高性能和实时需求场景。
18 4
|
26天前
|
JavaScript 前端开发 编译器
js开发: 请解释什么是Babel,以及它在项目中的作用。
**Babel是JavaScript编译器,将ES6+代码转为向后兼容版本,确保在旧环境运行。它在前端构建中不可或缺,提供语法转换、插件机制、灵活配置及丰富的生态系统,支持代码兼容性和自定义编译任务。**
17 6
|
Web App开发 JavaScript 前端开发
|
2月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
149 1
【安装指南】nodejs下载、安装与配置详细教程
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0