Atom 插件收集

Date

Date 2.6.0
時間挿入
https://github.com/dannyfritz/atom-date

  • use Ctl+Shift+p

platformio-ide-terminal

コマンドライン実行
platformio-ide-terminal

  • use Ctl+@

atom-beautify

格式化代码

ctrl-alt-b

docblockr 方便写注释

/**

linter 代码验证

安装后还要安装与原包
linter — 可安装的针对不同语言的包如下

linter-jshint, for JavaScript and JSON, using jshint
linter-htmlhint, for html
linter-coffeelint, for CoffeeScript, using coffeelint
linter-tslint, for Typescript, using tslint
linter-php, for PHP using php -l
linter-pylint, for Python, using pylint
linter-scss-lint, for SASS/SCSS, using scss-lint
linter-less, for LESS, using less
linter-csslint, for CSS, using csslint
linter-stylint, for Stylus, using stylint
linter-stylus, for Stylus, using stylus

*tests/.jshintrc*
{
  ⋮
  "predef": [
    ⋮
    "describe",
    "it"
    ⋮
  ],
  ⋮
}

参考


https://www.cnblogs.com/darren_code/p/atom.html
linter 必备;代码校验工具
esformatter 必备;统一代码格式
atom-beautify 必备;格式化代码的,快捷键ctrl-alt-b
minimap 推荐;就是Sublime右边那一竖块,显示缩小版的代码
color-picker 推荐;写CSS时非常方便的调色板
autocomplete-paths 填写路径的时候有Sug提示
vim-mode 劳资就是喜欢zuo,所以在Atom上用vim写码:)
docblockr 方便写注释
emmet 必备;前端开发必备,谁用谁知道,入门地址:Emmet使用手册
terminal-panel 不是那么好用的CLI,勉强能凑活
git-plus Git插件;得先配置邮箱和用户名
javascript-snippets 推荐;各种缩写,值得拥有;当然,俺用的最多的是cl命令:)
file-icons 推荐:让文件前面有彩色图片,看着非常享受(如果使用着 seti-ui 主题,则体现不了效果哦)

markdown

https://www.cnblogs.com/fanzhidongyzby/p/6637084.html

  • 增强预览(markdown-preview-plus)
    使用该插件前,需要先禁用markdown-preview。

    • 支持预览实时渲染。(Ctrl + Shift + M)
    • 支持Latex公式。(Ctrl + Shift + X)
  • 同步滚动(markdown-scroll-sync)

  • 代码增强(language-markdown)

  • 图片粘贴(markdown-image-paste) –>使えない?

  • 表格编辑(markdown-table-editor)

    • TAB 自动生成

vuejs

  • language-vue 这个是首推,因为它就是为vue而生的呀,支持很多vue里的提示。在空的vue页面敲tem,vue模板的提示就自动出来了
  • vue2-autocomplete :vue中自动补全插件。
  • vuejs2-snippets: vue碎片提示,如敲mounted,created等都直接有提示,开发效率直线提升。
  • atom-ternjs:支持ES6语法,当你在vue中用ES6语法就不会提示报错了。
  • autoclose-html: 自动闭合html标签。
  • autocomplete-paths: 自动提示补全路径,这样就不会弄因写错路径而造成错误的乌龙了。
  • best-js-snippets: js相关语法提示,因为vue也是一个node.js环境,所以有时用到node里语法就很有用了。