Plugin

editorconfig

使不同的編輯器保持一樣的風格。不同的編輯器也有設置代碼風格的,例如我們前端人員最喜歡使用的sublime text 2編輯器。你可以在preferences中選擇Settings-User,然後輸入自定義的風格

套件連結

套件教學 1

套件教學 2

project-manager

切換在開啟過的專案資料夾 讓你可以像 Sublime Text 一樣自由自在的建立、切換工作區

套件連結


color-picker

可以很快的選擇你要的顏色及預覽顏色。

套件連結


pigments

可以很快在程式碼上預覽顏色, 並可以關連scss內有關顏色的變數顯示顏色

套件連結


emmet

它能加快並縮短開發者在編寫 HTML 及 CSS 的時間。Emmet 基本的用法就跟我們在寫 CSS 的概念是一樣的

套件連結

教學](http://abgne.tw/web/emmet-tutorial-series-basic.html)


Remote-FTP

可以透過ssh連線遠端的伺服器,但一次只能在一個project目錄建立一個.ftpconfig 的設定檔。以建立ssh連線。

套件連結


atom-beautify

支援 HTML (including Handlebars), CSS (including Sass and Less), JavaScript 程式碼格式優化

套件連結


file-icons

顯示檔案副檔名的 icon

套件連結


highlight-line

高亮顯示選中的單行

套件連結


highlight-selected

高亮顯示選中的單行

套件連結


minimap

程式碼側邊欄總覽

套件連結


minimap-find-and-replace

在側邊欄的minimap顯示搜尋到的字串

套件連結


split-diff

套件連結


trailing-spaces

套件連結


tree-view-open-files

套件連結


linter

nter is a base linter provider for the Hackable Atom Editor. 套件連結


linter-jshint

Configuration JSHint comes with a default set of warnings but it was designed to be very configurable. There are three main ways to configure your copy of JSHint: you can either specify the configuration file manually via the --config flag, use a special file .jshintrc or put your config into your projects package.json file under the jshintConfig property. In case of .jshintrc, JSHint will start looking for this file in the same directory as the file that's being linted. If not found, it will move one level up the directory tree all the way up to the filesystem root. (Note that if the input comes from stdin, JSHint doesn't attempt to find a configuration file)

This setup allows you to have different configuration files per project. Place your file into the project root directory and, as long as you run JSHint from anywhere within your project directory tree, the same configuration file will be used.

Configuration file is a simple JSON file that specifies which JSHint options to turn on or off. For example, the following file will enable warnings about undefined and unused variables and tell JSHint about a global variable named MY_GLOBAL.

{
  "undef": true,
  "unused": true,
  "predef": [ "MY_GLOBAL" ]
}

套件連結


linter-sass-lint

要先在project目錄下建立.sass-lint.yml

套件連結

fonts

自訂開發時顯示語法的字型,安裝後需要重啟Atom

套件連結

results matching ""

    No results matching ""