原子

アトムオブユース（一般的なプラグインとvue構文の強調表示）



Atom Use Common Plug Ins



アトムの場合だけでなく、チャンスもありますが、崇高なものを使用するまでは、いくつかのクイック使用のための崇高なものもよく知られています。企業にとって、企業はローマ人のようにアトムを使用していますが、プレイアトムは変更されません。

見つかったアトムはまだ非常に優れており、非常に完全なパッケージがたくさんあり、特定の紹介のいくつかのように崇高です、私たちはあなた自身を取ることができます。



ここで、いくつかの一般的なプラグインについて説明します。

（プラグインのインストールと構成が完了したが、目的の効果が得られなかった場合は、プラグインの出口を再度開きます）

ヒント：インストールが失敗することがありますが、別のアイデア：

1. C：/ Users /ユーザーフォルダー名/.atom/packages/を見つけます

2. .atompackagesディレクトリでgitbashを使用します



3.git clone xxxxx / atomic-beautify.git（githubアドレスのウィジェット）


3.cd .atom-beautify（ウィジェットカタログにダウンロード）


4.npmインストール



5.完了（アトムを再起動することを忘れないでください）

プラグインを導入する前に、まずプラグインをインストールする位置を言います：パッケージ>設定ビュー>パッケージ/テーマのインストール

1.同期設定

githubを使用すると、アトムプラグイン情報、構成情報を同期して、1台のコンピューター、複数のコンピューターを共有するように簡単に構成できます。

2.Emmet

このプラグインの以前の開発を行ったEmmetは、HTMLベースの構文を生成できますが、それを認識していません。泣きやすい。

3.アトムビューティファイ

コードフォーマットツール、保存時に自動フォーマットを設定できますが、どれだけ便利かは言うまでもありません。とにかく、html、css、javascript、java、goなどをサポートします。基本的なサポートの共通言語です。

構成：

設定したい言語を選択してください、私はvueを選びました

4.オートコンプリートパス

ファイルパスのオートコンプリート。必ずこの関数を使用してください。バグパスの入力エラーが発生するのを完全に回避してください。

5.HTMLを自動閉じる

HTMLタグに対応する自動入力は閉じられましたが、短い答えですが実用的です。

6.ミニマップ

このプラグインはそれを導入していません、崇高なものから、それは使用しています。決して忘れない。

7.カラーピッカー

カラーピッカー。直接アクセス見本を開くコードを記述して、色を選択します。

8.imモード

vimダイハードパウダーに必要なプラグイン。

9.git-詳細

エディターでプロジェクトを簡単に管理できます。git、gitのさまざまな一般的に使用される関数は、便利です。

10.ファイルアイコン

非常にシンプルで、さまざまな種類のファイルにかわいいアイコンを追加し、必要なカラー開発者を制御します。

11.docblockr

ドキュメントの注釈は、ご存知のとおり、チームの規範は重要なプラグインにコメントしています。

12.Linter Jshint

必要なプロのjs、js開発者プラグインのコードを書くのを手伝ってください。

これらの他の差し迫った個人的なニーズをインストールすることをお勧めします。

バーレーンであり、開発に反応し、コードは問題なく強調表示され、フォトカードがあります

しかし、それは、解決策を探して、すべて灰色で、斑入りの痕跡がなく、涙を流して、自分自身を試してみてください、

インストール

インストールは完了し、完璧で、コードを見て、もう一度涙を流し、ラベルだけが強調表示されているか、文法か、それとも灰色ですか

これは私が望んでいることではありません。私が望んでいるのは、構文を強調表示することです。

vue構文の強調表示を引き続き実現する

1.選択

ファイル 'ユーザーキーボードマッピング' keymap.csonファイル（ファイル 'KeyMap ...> keymap.cson）

2.ファイルの終わりを追加します（注：構成ファイルが既にある場合'atom-text-editor[data-grammar~='vue']:not([mini])':他の構成は、次の追加構成に直接追加されます'tab': 'emmet:expand-abbreviation-with-tab'そして、次の2行を直接追加しないでください。そうしないと、エラーになります。）。

'atom-text-editor [data-grammar〜 =' vue ']：not（[mini]）'：

'tab'： 'emmet：expand-abbreviation-with-tab'

図：

アトムを再終了してから開始し、必要な効果を基本的に同じ崇高にします

最後に、悪い英語の学生、あなたは完成したバージョンが欲しいです、このプラグインは次の図を使用します：