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}
版权声明:本文标题:Atom必备插件和使用技巧 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://roclinux.cn/p/1735403483a1659336.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论