atom基本操作_10个基本Atom附加组件

最新推荐文章于 2023-12-06 17:52:59 发布

culi3118

最新推荐文章于 2023-12-06 17:52:59 发布

阅读量629

点赞数

文章标签： java python linux vue js ViewUI

原文链接：https://www.sitepoint.com/10-essential-atom-add-ons/

版权

atom基本操作

For more on text editors, check out our screencasts on Working with Sublime Text.

有关文本编辑器的更多信息，请查看有关使用Sublime Text的截屏视频。

1. Seti用户界面和主题 (1. Seti UI and Themes)

Themes are subjective, and I’d normally avoid recommending one. However, Seti makes Atom look gorgeous and includes a wide range of icons for file types including SCSS, LESS, JSON, grunt configuration, gulp configuration and more. Combine it with the Monokai theme for a Sublime-busting experience:

主题是主观的，我通常会避免推荐一个主题。但是，Seti使Atom看起来很漂亮，并为文件类型提供了广泛的图标，包括SCSS，LESS，JSON，grunt配置，gulp配置等。将其与Monokai主题相结合，即可享受无与伦比的体验：

https://atom.io/themes/seti-ui https://atom.io/themes/monokai-seti

2.最近打开 (2. Open Recent)

Like Sublime, Atom uses simple folder-based project management. The Open Recent package makes it easy to jump to recently used folders or files:

与Sublime一样，Atom使用基于文件夹的简单项目管理。使用“打开最近的软件包”，可以轻松跳转到最近使用的文件夹或文件：

https://atom.io/packages/open-recent

If you require something a little more sophisticated, try Project Manager:https://atom.io/packages/project-manager

如果您需要更高级的功能，请尝试项目管理器： https : //atom.io/packages/project-manager

3. TODO-show (3. TODO-show)

You’ve started Atom, opened a folder — what next? TODO-show reveals comments scattered through your project containing keywords such as TODO, FIXME and CHANGED, but you can also add your own regexs:

您已经启动了Atom，打开了一个文件夹- 接下来呢？ TODO-show揭示了散布在您的项目中的TODO ，其中包含诸如TODO ， FIXME和CHANGED关键字，但是您也可以添加自己的正则表达式：

https://atom.io/packages/todo-show

4.小地图 (4. Minimap)

Minimap is one of Atom’s most popular packages, displaying a condensed view of your code for quick navigation. The feature enters your subconscious; you won’t think you’re using it, but you’ll miss it when it’s not there:

Minimap是Atom最受欢迎的软件包之一，它显示代码的压缩视图以进行快速导航。功能进入您的潜意识；您不会认为您正在使用它，但是当它不存在时您会想念它：

https://atom.io/packages/minimap

5.高亮选中 (5. Highlight Selected)

When you select a keyword or variable in Sublime Text or Notepad++, all other instances are shown. Highlight Selected brings the feature to Atom and is even better when combined with minimap-highlight-selected:

当您在Sublime Text或Notepad ++中选择关键字或变量时，将显示所有其他实例。 Highlight Selected将功能引入Atom，并且与minimap-highlight-selected结合使用时会更好：

https://atom.io/packages/highlight-selected https://atom.io/packages/minimap-highlight-selected

6.自动关闭HTML (6. Auto-close HTML)

This may be simple, but I couldn’t live without auto-closing HTML tags: it doubles your mark-up creation velocity! The package allows you to define which tags should complete inline (such as <p></p> or <li></li>) and which create newline blocks.

这可能很简单，但是如果没有自动关闭HTML标签，我就无法生存：它使标记创建速度提高了一倍！该包允许您定义哪些标记应完成内联(例如<p></p>或<li></li> )，以及哪些标记可以创建换行符。

https://atom.io/packages/autoclose-html

7.颜料 (7. Pigments)

You may have seen CSS hex-color previewers before, but few match Pigments. It parses colors, understands pre-processor variables and even executes color-changing functions:

您可能以前曾经看过CSS十六进制颜色预览器，但很少有与Pigments匹配的。它解析颜色，了解预处理器变量，甚至执行变色功能：

https://atom.io/packages/pigments

8.林特 (8. Linter)

You can run linters from the command line, but it’s not as quick or effective as live, in-editor code validation. Linter is one of the best; it’s fast and less intrusive than some competitors:

您可以从命令行运行linters，但它不如实时的编辑器内部代码验证那么快速或有效。林特是最好的之一。与某些竞争对手相比，它速度更快，干扰更少：

Note that Linter is the core package, which provides an API to other helper add-ons: dozens of languages are supported. The HTML, CSS and JavaScript versions work instantly, but most depend on installation of specific engines or further configuration:

请注意，Linter是核心软件包，它为其他帮助程序加载项提供API：支持多种语言。 HTML，CSS和JavaScript版本可立即运行，但大多数取决于特定引擎的安装或进一步的配置：

https://atom.io/packages/linter https://atom.io/packages/linter-htmlhint https://atom.io/packages/linter-csslint https://atom.io/packages/linter-jshint

https://atom.io/packages/linter https://atom.io/packages/linter-html提示 https://atom.io/packages/linter-csslint https://atom.io/packages/linter-jshint

9.压痕与美化 (9. Indentation and Beautification)

Coders will never agree whether it’s tabs or spaces in two, four or eight characters. I usually opt for whatever annoys the most people (3-character hard tabs?) — but, with Auto Detect Indentation, you need never worry again. Alternatively, make your code match everyone else’s settings using atom-beautify.

编码人员永远不会同意它是制表符还是两个，四个或八个字符的空格。我通常会选择让大多数人感到烦恼的选项(3个字符的硬标签？)，但是，有了“自动检测缩进”功能，您就无需再担心了。或者，使用atom-beautify使您的代码与其他所有人的设置匹配。

https://atom.io/packages/auto-detect-indentation https://atom.io/packages/atom-beautify

10.杂项 (10. Miscellaneous)

A few special mentions to finish. The first is Emmet (previously known as Zen Code) which expands CSS-like expressions into HTML. I keep trying to use Emmet but forget — you may fare better.

一些特殊的提及要结束。第一个是Emmet(以前称为Zen Code) ，它将类似CSS的表达式扩展为HTML。我一直尝试使用Emmet，但忘记了-您的情况可能会更好。

https://atom.io/packages/emmet

If you’re creating REST web services, Atom’s REST Client provides a quick testing tool. It’s no match for powerful alternatives such as Postman, but does the job:

如果要创建REST Web服务，则Atom的REST客户端可提供快速测试工具。它与诸如Postman之类的强大替代产品不匹配，但可以做到：

https://atom.io/packages/rest-client

额外的下班后附加功能 (Bonus After-hours Add-ons)

If your key count (https://atom.io/packages/keycount) proves you’ve done enough for the day, relax by reading xkcd comics (https://atom.io/packages/xkcd-comics) or blast your code in Asteroids (https://atom.io/packages/asteroids):

如果您的密钥计数( https://atom.io/packages/keycount )证明您已经完成了一天的工作，请阅读xkcd漫画( https://atom.io/packages/xkcd-comics )放松一下，或者爆炸您的小行星( https://atom.io/packages/asteroids )中的代码：

Have you started using Atom? Have I missed your favorite add-on?

您是否已开始使用Atom？我错过了您最喜欢的插件吗？

Choose the best tool for the job. Watch our screencast on Sublime Text to learn about it’s features, and ways to maximise your productivity with this tool.

选择最适合工作的工具。 观看我们在Sublime Text上的截屏视频，以了解其功能以及使用此工具最大程度提高工作效率的方法。

翻译自: https://www.sitepoint.com/10-essential-atom-add-ons/

atom基本操作

culi3118

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
atom基本操作_10个基本Atom附加组件

atom基本操作For more on text editors, check out our screencasts on Working with Sublime Text. 有关文本编辑器的更多信息，请查看有关使用Sublime Text的截屏视频。 Trending posts on SitePoint today: 今天在SitePoint上的热门帖子： What is HTT...
复制链接

扫一扫