Atom コミュニティは非常に繁栄しており、拡張機能/プラグイン (パッケージ) が豊富にあります。 Atom のパッケージのインストールは非常に簡単です。エディタの環境設定でインストールすることも、コマンド ラインで apm コマンドを使用してインストールすることもできます。
WEB開発に適したパッケージを紹介する前に、Atomパッケージのインストール方法を簡単に説明します。
ショートカット キー command + 、 / ctrl + を使用して環境設定を開きます。左側の [インストール] をクリックして、オンライン パッケージを参照します。 上部には検索ボックスがあり、atom.io で公開されているパッケージを検索でき、続いて機能パッケージ (選択されたパッケージ) が表示され、比較的高品質なパッケージがいくつかリストされます。
Atom には、apm パッケージ管理ツールが付属しています。コマンドラインで次のコマンドを実行して、apm がインストールされているかどうかを確認できます。
apm help install
コマンドの後に apm install の詳細情報が出力されます。出力が apm install のコマンド情報でない場合は、Atom メニューを開き、Install Shell Commands を選択して apm をインストールします。
apm が正しくインストールされていることを確認したら、パッケージのインストールを開始できます。上記の apm help install を実行すると表示されるように、インストール コマンドは次のとおりです:
apm install [<package_name>...]apm install <package_name>@<package_version>apm install --packages-file my-packages.txt
autocomplete-plus 、入力すると、候補が表示されます。
javascript-snippets は、その名前が示すように、特殊文字を入力すると、対応する JavaScript コード スニペットに自動的に展開されます。
vim-mode
VIM-Mode は、VIM エディターの操作モードを使用した Atom での編集をサポートします。これは私にとって非常にキラー パッケージです。これまでは、WebStorm 上のプラグインを使用して VIM 操作をシミュレートしていましたが、これは非常に使いにくかったです。 Atom 上でシミュレートされた VIM 操作は、比較的スムーズに使用できます。 VIM 操作と通常の編集操作を混在させることができます。
emmet
HTML の手書きはやや専門的に見えますが、手書きの問題は、大量のコードが必要なことです。 Emmet は手書きの効率を大幅に向上させます。着る価値は十分にあります。
jshint、JavaScript を検証し、より専門的な JavaScript コードを作成します。
csslint、CSSLint は不正な CSS ルールを報告します。
git plus、ターミナルとエディターを行き来せずに Atom で Git コマンドを実行。
ミニマップは、Atom と Sublime Text のソース コード プレビューであり、豊富なカスタマイズ オプションを提供しており、使用する価値があります。
カラーピッカー
エディターで色を選択します。右クリックしてカラーピッカーを選択するか、cmd + shift + c / ctrl + alt + c ショートカット キーを押してカラー選択パネルを表示します。 HEX、HEXA、RGB、RGBA、HSL、HSLA の形式で指定されたカラー値をサポートします。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
