原文鏈接：awesome-atom-packages

這是一個適用于 Web 開發者的 Atom 插件列表。 有了這些插件幫助， Atom 可以為我們提供類似 IDE 的功能。剛接觸 Atom ?

語法支持

• language-babel

ES2016、ESNext、JSX 語法擴展

• language-postcss

PostCSS 語法高亮

自動補全

• autocomplete-modules

模塊名自動補全

• autocomplete-paths

路徑自動補全

• atom-ternjs

ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代碼自動補全

• emmet

快速手寫 HTML, CSS, Sass / SCSS / LESS

語法檢查

• linter

基本語法檢查框架

• linter-jshint

基于 jshint 的 JavaScript 語法檢查插件

• linter-eslint

基于 ESLint 的 JavaScript 語法檢查插件

版本控制

• git-plus

丟掉終端，在 Atom 里面執行 Git 命令

• merge-conflicts

通過 Atom 處理沖突的文件

擴展功能

• minimap

源碼預覽圖

• file-icons

顯示文件類型對應的圖標

• atom-beautify

代碼格式化

• pigments

代碼顏色可視化

• color-picker

取色器

• highlight-selected

高亮選中

• minimap-highlight-selected

源碼預覽圖中高亮選中

• docblockr

注釋插件

• markdown-preview-plus

markdown 實時預覽

• hyperclick

跳轉到變量定義文件，需要配合 js-hyperclick 使用

• js-hyperclick

跳轉到變量定義文件，需要配合 hyperclick 使用

• travis-ci-status

底部狀態欄擴展

總結

以上是生活随笔為你收集整理的一些适用于前端开发的 Atom 插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。