ホームページ >開発ツール >atom >コードの記述速度を向上させるフロントエンド Atom プラグイン (共有を推奨)

コードの記述速度を向上させるフロントエンド Atom プラグイン (共有を推奨)

青灯夜游
青灯夜游転載
2020-12-04 17:46:058455ブラウズ

コードの記述速度を向上させるフロントエンド Atom プラグイン (共有を推奨)

atom は github が制作したエディタで、その美しいインターフェースと豊かな拡張性が特にフロントエンドプログラマに深く愛され、現在ではますます人気が高まっています。 Fire では、さらに強力にするために必要なプラグインを見てみましょう

1 文法サポート

atom -chs-menu (-エディタ中国語、ご存知のとおり)
言語-babel (-ES2016、ESNext、JSX 構文拡張)
# language-postcss (-PostCSS 構文の強調表示)
関連する推奨事項: 「

atom チュートリアル


2 オートコンプリート

autocomplete-modules (--モジュール名の自動補完)
autocomplete-paths (--パスの自動補完)
atom-ternjs (- ES5、ES6、ES7、Node.js、jQuery、Angular などの js コード自動補完)
emmet (- 簡単な手書き HTML、CSS、Sass / SCSS / LESS)

3 文法チェック

linter (-基本的な文法チェックフレームワーク)
linter-jshint (- jshint に基づく JavaScript 構文チェック プラグイン)
linter-eslint (- JavaScript 構文チェック プラグイン) -ESLint に基づく)
editorconfig (- 複数人での共同開発、異なるエディタ間での一貫したコーディング スタイル)

4 バージョン管理

git-plus (- ターミナルを捨てて Atom で Git コマンドを実行します。Atom の最新のコア コンポーネントは Git と GitHub の機能を統合しています。試してみることができます!)
merge -conflicts ( - Atom 経由で競合するファイルを処理)
#5 プロジェクト管理


project-manager
( - すべてのプロジェクトに簡単にアクセスし、追加の構成でプロジェクトを管理できるようにします)

6 拡張機能

ミニマップ
( - ソースコードプレビュー)
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
(- 下部のステータス バー拡張、プロジェクト Travis CI ステータスを追加)
platformio-ide-terminal
(- Atom に埋め込まれたターミナルをトリガーする) Ctrl ` を押します)
sync-settings
(- Atom パッケージと設定を Gist にバックアップし、簡単に復元できます) プログラミング関連の知識の詳細については、次を参照してください:
プログラミング学習ウェブサイト

! !

以上がコードの記述速度を向上させるフロントエンド Atom プラグイン (共有を推奨)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。