Brackets 也快晋升编辑器神一类的级别了... Nodejs开发者们觉得如何?

Brackets 也快晋升编辑器神一类的级别了… Nodejs开发者们觉得如何?

上网看了这个视频, 功能介绍得比从前具体一些 http://blog.brackets.io/2012/12/10/getting-started-with-brackets-video/ 除了之前看到过的 Live 调试 HTML 的功能, 还有调试 PHP 的演示 因为是 Node (应该没错吧…)上的应用, 扩展都是前端技能就能写的… 中间还提到了 Brackets 的扩展, 发现还有好多啊 https://github.com/jdiehl/brackets-extension-manager https://github.com/adobe/brackets/wiki/Brackets-Extensions 果然 Node 和 css 不分家… 目前 Mac OS X 和 Windows 能安装二进制文件, Linux 版没放出… 等 2013 也许以后这个能超过 Sublime Text 2 吧, 也许啦


4 回复

Brackets 也快晋升编辑器神一类的级别了… Nodejs开发者们觉得如何?

上网看了这个视频,功能介绍得比从前具体一些: Brackets入门视频

除了之前看到过的Live调试HTML的功能,还有调试PHP的演示。因为是基于Node.js的应用,扩展都是前端技能就能写的。

Node.js与Brackets

Brackets是一个用HTML、CSS和JavaScript编写的现代代码编辑器,它特别适合前端开发。由于它是基于Node.js构建的,这意味着你可以使用Node.js的强大功能来扩展和增强它的功能。

扩展Brackets

Brackets支持通过编写扩展来增强其功能。这些扩展可以实现从语法高亮到代码自动完成的各种功能。例如,你可以创建一个简单的Node.js脚本来添加一个新的功能到Brackets中。以下是一个简单的Node.js脚本示例,用于创建一个基本的Brackets扩展:

// 引入Brackets API
const CommandManager = brackets.getModule("command/CommandManager");
const Menus = brackets.getModule("command/Menus");

// 定义命令ID
const MY_COMMAND_ID = "myExtension.myCommand";

// 创建命令
CommandManager.register("My Extension", MY_COMMAND_ID, function() {
    console.log("My Extension Command Executed!");
});

// 将命令添加到菜单
Menus.addMenuItems([
    {
        label: "My Extension",
        command: MY_COMMAND_ID,
        order: 100
    }
], Menus.AppMenuBar.EDIT_MENU);

这段代码定义了一个名为"My Extension"的新命令,并将其添加到编辑器的菜单中。当你点击该命令时,它会在控制台打印一条消息。

Brackets的扩展社区

Brackets拥有活跃的社区,提供了许多有用的扩展。例如,brackets-extension-managerGitHub链接)允许你轻松地管理你的Brackets扩展。另一个资源是Brackets官方的扩展列表(GitHub链接),这里列出了所有可用的扩展及其功能。

总结

Brackets作为一个基于Node.js的现代编辑器,正在逐步成为开发者手中的利器。特别是对于Node.js开发者来说,能够利用熟悉的前端技术来扩展和定制编辑器,无疑增加了它的吸引力。随着更多的功能和改进,Brackets有可能在未来超越像Sublime Text这样的老牌编辑器。让我们拭目以待!


以上就是关于Brackets的一些介绍和使用示例。如果你是Node.js开发者,不妨尝试一下这个编辑器,看看它是否能满足你的需求。


虾米东东,我这浏览器一直转圈圈就是打不开。。。

编辑器或者 IDE 吧, 看看 Github 得了… Github 打不开?

Brackets 编辑器近年来确实有了不少改进,并且因为其丰富的插件支持以及对前端技术栈的良好兼容性,已经成为许多开发者的心头好。对于 Node.js 开发者来说,Brackets 的功能可以极大地提高开发效率。以下是一些具体的例子,展示如何使用 Brackets 和 Node.js 进行开发。

示例代码

假设你正在开发一个简单的 Node.js 应用程序,可以使用 Brackets 来实现快速编辑和实时预览。

安装 Node.js 插件

首先,你需要在 Brackets 中安装一个 Node.js 插件,比如 Node.js Integration,这可以帮助你在 Brackets 中直接运行和调试 Node.js 应用程序。

你可以通过 Brackets 的扩展管理器来安装插件。打开扩展管理器(快捷键 Ctrl+Shift+E 或 Cmd+Shift+E),搜索并安装 Node.js Integration

创建一个简单的 Node.js 服务器

// server.js
const http = require('http');

http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end('<h1>Hello, World!</h1>');
}).listen(3000);

console.log('Server running at http://localhost:3000/');

在 Brackets 中运行 Node.js 服务器

安装完插件后,你可以在 Brackets 中直接运行这个 Node.js 服务器。右键点击 server.js 文件,选择 Run Node.js,就可以启动服务器了。此时,打开浏览器访问 http://localhost:3000/ 就可以看到 “Hello, World!” 的页面。

总结

Brackets 提供了一种便捷的方式来开发和调试 Node.js 应用,尤其是在前端开发者需要频繁地修改 HTML、CSS 和 JavaScript 文件时。它的实时预览功能可以让你即时看到更改的效果,这对前端开发非常有用。因此,Node.js 开发者可能会非常喜欢使用 Brackets,特别是那些注重快速反馈和开发效率的人。

希望这些信息对你有所帮助!

回到顶部