文本编辑工具: Atom & Brackets
程序员文章站
2022-03-12 08:36:51
...
在公司内部软件使用许可中,如果可以放心使用某个软件,它需要符合两点:
一、开源(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
-
-
一、开源(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
-
-
上一篇:
jstl 中
下一篇: 16 真正属于我们的一天
推荐阅读
-
文本编辑工具
-
文本编辑软件 Atom 1.5.0 已经发布_html/css_WEB-ITnose
-
vue-quill-editor富文本编辑器使用,自定义工具栏,自定义图片上传
-
在vue中使用quill-editor富文本编辑器(自定义工具栏、重写上传文件功能、工具栏中增加额外的功能按钮)
-
百度富文本编辑器UEditor如何自定义配置toolbars工具条
-
文本编辑工具
-
[工具资源] Atom 语法高亮插件编写指南_html/css_WEB-ITnose
-
文本编辑器—sort与uniq工具
-
solidity智能合约开发工具Atom及其插件安装
-
[工具资源] Atom 语法高亮插件编写指南_html/css_WEB-ITnose