Atom React或前端插件推荐

╰+哭是因爲堅強的太久メ 2021-09-16 13:12 346阅读 0赞

## 分享一些Atom个人在用的插件,喜欢请点赞 ##

# #

## 1. [color-picker][] ##

取色工具

![来自于Github][Github]

## 2. [pigments][] ##

编辑器中直接查看代码所代表的颜色，工具虽小但是很实用。

![来自于Github][Github 1]

## 3. [minimap][] ##

仿sublime text的缩略代码查看，想找的地方一目了然。

![来自于Github][Github 2]

## 4. [highlight-selected][] ##

选择某段代码自动高亮相同代码

![来自于Github][Github 3]

## 5. [minimap-highlight-selected][] ##

实现minimap高亮选择内容，需安装前2个插件

![来自于Github][Github 4]

## 6. [emmet][] ##

HTML开发必备神奇，大大提高你的工作效率

官方地址及演示：[http://docs.emmet.io/][http_docs.emmet.io]

## 7. [docblockr][] ##

智能代码注释，让注释更有规范

![来自Github][Github 5]

## 8. [atom-ternjs][] ##

支持多种语言代码补全，例如：ES5, ES6 (JavaScript 2015), Node.js, jQuery, Angular …

## 9. [atom-beautify][] ##

支持多种语言格式化，例如：HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C\#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL …

## 10. [autocomplete-paths][] ##

自动补全文件路径

![来自于Github][Github 6]

**11.** [language-javascript-jsx][]**/**[language-babel][]

代码高亮，支持ES6,ES7, React JSX…

## 12. [file-icons][] ##

左侧树状图下，根据文件类型左侧显示不同图标

![来自Github][Github 7]

## 13. [open-in-browser][] ##

快速浏览器访问当前文件

## 14. [atom-minify][] ##

JS、CSS压缩工具

[color-picker]: https://atom.io/packages/color-picker
[Github]: https://i.github-camo.com/467c72e686f00893c3d36bf46499e76c10f31787/68747470733a2f2f6769746875622e636f6d2f74686f6d61736c696e647374726f6d2f636f6c6f722d7069636b65722f7261772f6d61737465722f707265766965772e676966
[pigments]: https://atom.io/packages/pigments
[Github 1]: https://i.github-camo.com/802d8b759d01e70861f95f99495731f19b145b03/687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7069676d656e74732f7069676d656e74732e6769663f7261773d74727565
[minimap]: https://atom.io/packages/minimap
[Github 2]: https://i.github-camo.com/bb671dcf7706c32eb432472c2cd69d354f824661/68747470733a2f2f6769746875622e636f6d2f61746f6d2d6d696e696d61702f6d696e696d61702f626c6f622f6d61737465722f7265736f75726365732f73637265656e73686f742e706e673f7261773d74727565
[highlight-selected]: https://atom.io/packages/highlight-selected
[Github 3]: https://i.github-camo.com/fb3c3e8f4170fc20047810e53cdfa1041f302a28/687474703a2f2f692e696d6775722e636f6d2f4335466e7a7a512e676966
[minimap-highlight-selected]: https://atom.io/packages/minimap-highlight-selected
[Github 4]: https://i.github-camo.com/7aa7d0e6be44b90682a3697f757f9ee92f11d1df/68747470733a2f2f6769746875622e636f6d2f61746f6d2d6d696e696d61702f6d696e696d61702d686967686c696768742d73656c65637465642f626c6f622f6d61737465722f73637265656e73686f742e706e673f7261773d74727565
[emmet]: https://atom.io/packages/emmet
[http_docs.emmet.io]: http://docs.emmet.io/
[docblockr]: https://atom.io/packages/docblockr
[Github 5]: https://i.github-camo.com/385ca4340ba6b85306558d78ecb87e136024985b/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f4e696b68696c4b616c6967652f646f63626c6f636b722f6d61737465722f7265736f75726365732f6c6f6e672d617267732e676966
[atom-ternjs]: https://atom.io/packages/atom-ternjs
[atom-beautify]: https://atom.io/packages/atom-beautify
[autocomplete-paths]: https://atom.io/packages/autocomplete-paths
[Github 6]: https://i.github-camo.com/7da86dc3d22c9dd1d1c47bcb36237720fd987764/687474703a2f2f73312e64697265637475706c6f61642e6e65742f696d616765732f3134303431312f70356b76696665362e676966
[language-javascript-jsx]: https://atom.io/packages/language-javascript-jsx
[language-babel]: https://atom.io/packages/language-babel
[file-icons]: https://atom.io/packages/file-icons
[Github 7]: https://i.github-camo.com/7c2229cb27f3dd0e944e1ad95d65a6f03da9b316/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f44616e42726f6f6b65722f66696c652d69636f6e732f6d61737465722f707265766965772e706e67
[open-in-browser]: https://atom.io/packages/open-in-browser
[atom-minify]: https://atom.io/packages/atom-minify