admin 管理员组

文章数量: 1086019


2024年12月28日发(作者:unix中文意思)

Atom必备插件和使用技巧

使用技巧

CMD+Shift+D

CMD+F

CMD+/

CMD+D

: 复制当前行至下一行中

: 查找和替换

: 注释当前行

: 选中相同的内容(类似sublimetext的功能)

插件推荐

1. Sync Settings

搭配github,同步你的atom插件信息,配置信息,让你轻松实现一台电脑配

置,多台电脑共享。

2. √ Emmet

能够基于Emmet语法产生HTML,做过前段开发的不会不知道这个插件吧。好用

到哭。

3. Atom Beautify

代码格式化工具,可以设置在保存时自动格式化,别提有多方便了。支持html,

css,javascript,java,go等等,反正常见的语言基本都支持了。

4. √ Autocomplete-paths

自动补全文件路径,这个功能肯定使用嘛,完全避免了路径输入错误带来的

bug。

5. √ Autoclose-html

自动输入对应的HTML关闭标签,虽然简答但是实用。

6. √ Minimap

这个插件不用介绍了吧,从sublime开始,一直使用。从未遗忘。

7. √ Color-picker

取色器,让你在代码编写去直接打开取色板,拾取颜色。通过右键选择 Color

picker ,或者 cmd + shift + c / ctrl + alt + c 快捷键调出颜色选择面板。支持

HEX, HEXA, RGB, RGBA, HSL, HSLA 形式指定的颜色值。

8. vim-mode

vim死忠粉必备插件。 -plus

让你轻松的在编辑器里管理你的git项目,各种常用git功能,信手拈来。

9. file-icons

很简单,为不同类型的文件添加一个漂亮的小图标,颜控开发者必备。

10. docblockr

文档化注释,你懂的,团队协作规范注释必备插件。

11. Linter Jshint

帮助你编写专业的js代码,js开发者必备插件。

12. simplified-chinese-menu

ATOM的汉化插件

13. file-icons

文件图标美化

14. activate-power-mode

输入时有震撼效果

15. √ atom-terminal-panel

atom内置命令行工具

16. √ markdown

√ markdown-preview: markdown预览

√ markdown-scroll-sync:将 markdown-preview 的编辑区和预览区同步滚动

markdown-writer:方便管理图片、链接等 markdown-pdf: 导出PDF格式

markdown-toc: 自动列出当前文件内容目录

markdown-table-formatter:格式化表格

language-markdown:提供 Github Flavored Markdown 等 MD 高亮支持

17. script

在atom下运行脚本,支持多种开发语言。快捷键ctrl-shit-b

18. browser-plus

编辑器内置浏览器

19. advanced-open-file

快速的打开文件或新建文件,同时支持路径补全

20. quick-highlight

代码高亮

21. platformio-ide-terminal

终端工具

22. open-in-browsers

在安装过的任意浏览器打开代码

23. atom-html-preview

实时预览HTML页面

24. language-vuejs 支持vue

25. atom-minify

css、js代码压缩

26. atom-ternjs

js,nodejs,es6补全,高度定制化

27. autoprefixer

自动为 CSS 属性添加特定的前缀

28. pigments

颜色显示插件

29. php-class-tree php类文件下函数展示

30. php-cs-fixer

php语法检查

31. goto 和 goto-definition/hyperclick/hyperclick-php/js-hyperclick

php跳转插件(类似其他编辑器的ctrl+click) 鼠标光标放置在要跳转的类下,按下

快捷键ctrl-alt-enter即可使用

32. autocomplete-php

php代码自动补全

33. python-tools

python跳转插件

34. autocomplete-python

python代码自动补全

35. highlight-line

选中行高亮

36. highlight-selected

选中高亮

37. atom-bootstrap3

bootstrap3代码提示

atom下将markdown文件导出成pdf时出错解

决方法:

atom markdown转换PDF 解决AssertionError: html-pdf: Failed to load

PhantomJS module

打开cmd,执行

1cnpm install phantomjs-prebuilt

安装好了重启atom。

有人可能会遇到错误:

Attempting conversion with fallback

Markdown-pdf: Error. Check console for more information

点击“Open console”打开控制台,可以看到错误原因:

可以看到错误原因:

1Error: ENOENT: no such file or directory, open

'/home/xxxx/.atom/'

2

3TypeError: ml is not a function

也就是没能找到

在控制台的最下方输入:

rStyleSheetPath();

可以得到文件的默认位置(红色文字),每个人的路径都不相同。

可以在终端中打开这个文件,或者在文件管理中打开。(没有就新建一个)

输入以下代码(来自github,markdown-pdf的issue),并保存即可。

1//

wn-preview[data-use-github-style]{

3 font-size: 11px;

4

5 h1 {

6 font-size: 1.3em;

7 }

8 h2 {

9 font-size: 1.2em;

10 }

11 h3 {

12 font-size: 1.1em;

13 }

14 h4 {

15 font-size: 1.1em;

16 }

17 h5 {

18 font-size: 1em;

19 }

20 h6 {

21 font-size: 1em;

22 }

23

24 table {

25 font-size: 1em;

26 padding: 0;

27 }

28}


本文标签: 文件 插件 代码 打开 自动