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

 

相关文章
|
1月前
|
人工智能 JavaScript 前端开发
计算机node项目|nodejs网上书城设计与实现
计算机node项目|nodejs网上书城设计与实现
169 2
|
10天前
|
Web App开发 存储 JavaScript
前端如何学习Node.js及Node.js的主要用途
【7月更文挑战第16天】 学习Node.js对前端开发者至关重要,涉及理解其基于V8的运行时环境、JavaScript基础、安装与验证、核心模块(如fs、http、path)及npm管理。实践项目,如用Express建服务器,参与开源,深入学习异步编程和事件循环。Node.js用于服务器开发、构建工具、本地开发服务器和实时应用,提升全栈能力。借助官方文档和各种资源加速学习。
20 4
|
18天前
|
Web App开发 JavaScript 前端开发
跨平台的JavaScript运行环境:Node.js
Node.js是一个跨平台的JavaScript运行环境,使开发者可以搭建服务器端的JavaScript应用程序 作用:使用Node.js编写服务器端程序
20 3
|
29天前
|
JSON JavaScript 中间件
Express.js:构建轻量级Node.js应用的基石
**Express.js 概览**:作为Node.js首选Web框架,Express以其轻量、灵活和强大的特性深受喜爱。自2009年以来,其简洁设计和丰富中间件支持引领开发者构建定制化应用。快速开始:使用`express-generator`创建项目,安装依赖,启动应用。示例展示如何添加返回JSON消息的GET路由。Express适用于RESTful API、实时应用等多种场景,社区支持广泛,助力高效开发。
27 1
|
23天前
|
开发框架 监控 JavaScript
企业级node.js开发框架 【egg.js】 实用教程
企业级node.js开发框架 【egg.js】 实用教程
19 0
|
23天前
|
JavaScript 数据安全/隐私保护
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
node.js 命令行的命令注册和配置工具(最新版) commander.js 实用教程(含自研脚手架的创建流程)
24 0
|
23天前
|
JavaScript 数据安全/隐私保护 索引
node.js 命令行交互工具(最新版) inquirer.js 实用教程
node.js 命令行交互工具(最新版) inquirer.js 实用教程
19 0
|
1月前
|
JavaScript 前端开发 物联网
【Nodejs】从入门到精通 —— Node.js 基础知识与常用命令
【Nodejs】从入门到精通 —— Node.js 基础知识与常用命令
187 0
|
1月前
|
JavaScript Shell 开发者
怎样使用Nest.js快速构建高效Node.js应用?
这篇博客介绍了Nest.js,一个基于TypeScript的Node.js框架,适用于构建可维护和可扩展的服务器端应用。文章引导读者快速入门,包括安装Node.js和Nest.js CLI,创建新项目,安装依赖以及启动开发服务器。通过访问`http://localhost:3000`,可以看到"Hello World!",证明应用已成功运行。Nest.js因其模块化架构和强大的功能,成为现代Web开发的热门选择。
|
1月前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
68 3