`

文本编辑工具: Atom & Brackets

阅读更多
在公司内部软件使用许可中,如果可以放心使用某个软件,它需要符合两点:

    一、开源(open source)
        开源可以使其代码公开,避免了其代码中隐藏后门或不可告人的代码。

    二、免费(free)
        免费保证了可以自由使用。


下面介绍两款开源且免费的文本编辑软件:


一、Atom

Atom是Github专门为程序员推出的一个跨平台文本编辑器,已开源。功能齐全,可构建包管理器、智能自动完成(auto-completion),并包含精美的主题。

当然最值得一提的是 Atom 支持第三方插件,这些插件包括许多功能,代码高亮,自动填充,自动补全,查找,错误提示,美化代码格式 等等。

插件( packages )可以在 settings > install 下进行查找和安装。

我安装的几个 Packages:

    1. file-icons
    2. emmet                 - http://docs.emmet.io
    3. highlight-selected
    4. open-recent
    5. terminal-plus / atom-terminal
    6. javascript-snippets
    7. atom-beautify
    8. git
    9. language-babel

-
使用教学视频:https://www.youtube.com/playlist?list=PLYzJdSdNWNqwNWlxz7bvu-lOYR0CFWQ4I

热键:

Command Palette package
Find and run available commands using
cmd-shift-p (macOS) or
ctrl-shift-p (Linux/Windows) in Atom.





二、Brackets

Brackets

A modern, open source text editor that understands web design.

Brackets 10款常用插件

Brackets 是一个免费、开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具)。该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Windows、Linux 以及 OS X 平台。 Brackets 的特点是简约、优雅、快捷!它没有很多的视图或者面板,也没太多花哨的功能,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。和 Sublime Text、Everedit 等通用代码编辑器不一样,Brackets 是专门针对 WEB 前端开发而生.


1、显示你打开文件对应的图标   
https://github.com/ivogabe/Brackets-Icons

2、javascript 全局变量高亮   
https://github.com/ForbesLindesay/brackets-globals

3、皮肤插件 
https://github.com/MiguelCastillo/Brackets-Themes

4、javascript 代码审查,建议所写的代码都检查一下
https://github.com/markmcintyre/brackets-jslint

5、更改代理,Brackets安装扩展是被墙了,如果用gae,那么这个插件将会很好用
https://github.com/ohnnyj/brackets-proxy

6、emmet 打代码飞起    
http://emmet.io/

7、为你的编辑器增加工作空间管理   
https://github.com/thomasvalera/Brackets-Workspaces

8、代码格式化   
https://github.com/drewhamlett/brackets-beautify

9、代码备份   
https://github.com/joemakev/brackets-backup

10、代码快折叠
https://github.com/thehogfather/brackets-code-folding












-










-
分享到:
评论

相关推荐

    文本编辑器插件(一共六个在)

    文本编辑器插件是前端开发中的重要工具,它们极大地提升了开发者编写、调试和管理代码的效率。在这篇文章中,我们将详细探讨六款常用的文本编辑器插件,以及它们各自的功能和优势。 1. **Visual Studio Code插件** ...

    记事本替换编辑工具

    这可能涵盖了一些流行编辑器的介绍、使用教程、技巧分享,甚至是一些推荐列表,帮助用户选择最适合自己的文本编辑工具。 一些知名的记事本替换编辑工具有Sublime Text、Atom、Visual Studio Code(VS Code)、...

    4个顶级JavaScript高级文本编辑器

    本文将介绍四个顶级的JavaScript高级文本编辑器,它们分别是带有JSDT的Eclipse、Atom、Brackets以及Visual Studio Code。 1. 带JSDT的Eclipse: Eclipse是一款多语言的集成开发环境,它通过JSDT(JavaScript ...

    分享10个程序员常用的的代码文本编辑器

    以下列举的文本编辑器是当前程序员社区中较为流行的10款工具: 1. NOTEPAD++:这是一款开源的文本和源代码编辑器,专为Windows平台设计。它支持超过50种编程语言的语法高亮显示和代码折叠功能,具备自动代码完成...

    lua 编辑器

    "lua 编辑器"指的是支持Lua语言特性的文本编辑器或者集成开发环境(IDE),它们提供了诸如语法高亮、自动完成、调试功能等,帮助开发者更便捷地编写和测试Lua代码。 1. **基本需求** - **语法高亮**:编辑器应该...

    devtools:开发人员工具的精选列表

    [Atom] ( ):21 世纪的可破解文本编辑器 [Emacs] ( ) [Vim] ( ) [崇高文本] ( ) [Lime] ( ):Sublime Text 的开源 API 兼容替代品 [SciTE] ( ) :SciTE 是一个轻量级但功能强大、便携且灵活的文本编辑器。 ...

    js编辑器 html 编辑器

    2. **可视化编辑**:除了文本编辑模式,还提供所见即所得的编辑界面,让非程序员也能编辑网页布局。 3. **标签提示与完成**:自动提示和完成HTML标签,避免拼写错误。 4. **预览功能**:可以实时预览HTML页面效果,...

    Web开源项目和工具介绍.docx

    - **简介**:Atom是一款由GitHub开发的开源文本编辑器,以其高度可定制性和丰富的插件生态系统而著称。 - **特点**: - **可定制性**:可以通过安装各种插件来扩展功能。 - **多平台支持**:可在Windows、macOS和...

    代替notepad

    5. **Brackets**:Adobe开发的开源文本编辑器,专注于前端Web开发,实时预览功能是其亮点,可以直接看到代码更改在浏览器中的效果。 这些替代工具通常具有以下共同特点: - 支持多种编程语言的语法高亮。 - 提供...

    html编辑器

    例如,开源的Atom或Brackets提供了丰富的插件和社区支持,而Sublime Text以其高性能和自定义能力受到许多开发者的喜爱。在使用编辑器时,应逐步学习HTML的基本语法,如标签、属性、元素嵌套等,同时理解CSS...

    textmate for ubuntu linux

    6. **替代工具**:如果源代码编译复杂,文章可能会推荐使用类似Atom或Brackets等开源文本编辑器,它们有类似的特性,并且在Linux上原生支持。 7. **配置与设置**:安装后,用户可能需要调整TextMate的配置,使其...

    htmlbianjiqi.rar

    标题“htmlbianjiqi.rar”暗示了这是一个与HTML编辑器相关的压缩文件,可能是包含了一些工具、教程或示例代码。...从简单的文本编辑器到功能丰富的集成开发环境,选择合适的编辑器能大大提高工作效率。

    不错的php编辑器不错的php编辑器不错的php编辑器不错的php编辑器

    5. **Notepad++**:免费的开源文本编辑器,支持多种语言,适合初学者。 6. **Brackets**:Adobe开发的开源编辑器,专注于前端开发,具有实时预览功能。 每个编辑器都有其独特的优点和适用场景,选择哪一款取决于...

    常用网站制作网站设计软件大全

    - **Sublime Text**:轻量级但功能强大的文本编辑器,适用于编写HTML、CSS和JavaScript。 - **Atom**:GitHub推出的开源编辑器,同样拥有强大的自定义能力。 - **Brackets**:Adobe开发的开源编辑器,专为Web设计...

    JavaScript编写软件

    2. **Sublime Text**:这是一款轻量级但功能强大的文本编辑器,拥有快速启动、多行编辑和代码片段等功能。通过安装如Emmet这样的插件,可以极大地提升HTML和CSS的编写效率。 3. **Atom**:GitHub推出的开源编辑器,...

    8款源代码编辑器

    - 老牌文本编辑器,虽然学习曲线较陡峭,但熟练后效率极高。 - 支持命令行模式和图形界面,可在任何 Linux 发行版或通过终端使用。 - 丰富的插件系统和高度可定制性,满足不同开发者的个性化需求。 以上编辑器各...

    BotServer:准备在Visual Studio Code中以F5运行的Bot Framework V4,基于NPM友好的存储库软件包的bot工厂服务器,其中包括对Excel,React.js bot Web应用程序的支持以及Whatsapp,sql-firewall-opener等多个功能和自动

    每个人都可以通过复制和粘贴某些文件并使用Office(或任何文本编辑器)或Photoshop(或任何图像编辑器)中喜欢的工具来创建bot。 BASIC可以用于构建自定义对话框,因此可以像VBA for Excel一样扩展Bot(当前为Alpha...

    dracula-theme:Dark‍:male_sign_selector:所有事物的黑暗主题!

    1. **文本编辑器**:如Atom、Vim和Emacs,"dracula-theme"能够提供一致且舒适的编辑环境,让代码在暗色调中跃然屏幕,帮助你专注于编写和理解代码。 2. **终端模拟器**:像iTerm和ConEmu,它们是开发者日常工作的...

    超全面的web开发工具和资源,全部都是免费的,还不拿走?.docx

    文本编辑器和代码编辑器如Atom、Sublime Text、Emacs和Brackets,是开发者日常工作中不可或缺的工具,它们提供了代码高亮、自动补全等功能,极大地提高了开发效率。 Web应用框架如Ruby on Rails、Django(Python...

    珍妮·金(JennieKim):Esto与UN Proyecto网站上的html和ys cs实用程序

    7. **Web开发工具**:开发者可能使用了像Visual Studio Code、Sublime Text或Atom这样的代码编辑器,或者使用集成开发环境(IDE),如Brackets或WebStorm,这些工具能提高开发效率并提供代码提示和自动完成功能。...

Global site tag (gtag.js) - Google Analytics