一些適用於前端開發的 Atom 外掛

shery發表於2016-11-13

原文連結: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

底部狀態列擴充套件

相關文章