AtomエディターでHTMLをフォーマットするコマンドはありますか?


218

Visual Studioで行うように、Ctrl+ K+ を使用して、コマンドでHTMLをフォーマットしますD。これはAtomで可能ですか?そうでない場合、他のオプションはありますか?

回答:


370

Atomには、htmlをフォーマットするための組み込みコマンドはありません。ただし、atom-beautifyパッケージをインストールして、この動作を実現できます。

  1. CTRL+ SHFT+ Pを押してコマンドパレットを表示します(CMD+ SHFT+P Macでは)。
  2. パッケージのインストール」と入力して、パッケージマネージャーを起動します。
  3. 入力美しく検索ボックスに。
  4. atom-beautifyまたは他のパッケージのいずれかを選択し、[ Install ] クリックします
  5. これで、atom-beautify CTRL+ ALT+ のデフォルトのキーバインディングを使用BしてHTMLを美化できます(MacではCTRL+ OPTION+ B)。

44
反対に、Atomのコアが最小で、必要なものだけをインストールできるのは素晴らしいことです。つまり、Atomは非Webアプリの開発に使用でき、これらのフォーマッターは必要ありません...
ljs.dev

7
トピックに関連して最もダウンロードされたパッケージに付属している「Web開発者向けのAtom」などのカスタムインストールが存在する可能性があります。
Ricardo

2
たとえば、atom- beautifyのダウンロード数は現在685,927です...過去10分間に9つ、私のものを含めて!
Ricardo

4
atom-beautifyにはバグがたくさんあります。実際の単語のドキュメントでは機能しません。インライン要素が存在する場合、ヘッダーに改行が誤って追加されます。JS BeautifyエンジンからPretty Diffエンジンに切り替えると、状況がさらに悪化します--- <dfn>段落の内側にラップされているようなインライン要素。
Garret Wilson

5
atom-beautify個人的なインデント設定や設定を使用しないという事実は非常に嫌い.editorconfigです。それはすべてをその方法でフォーマットするだけです。
Diti

13

HTMLを美化するためのパッケージがいくつかあります。Atomパッケージアーカイブを検索すると、それらを見つけることができます。

  1. 案内する アトムサイト
  2. [パッケージ]リンクをクリックします
  3. 検索ボックスに「prettify」と入力します

または、次のリンクにアクセスしてください:https : //atom.io/packages/search?q=prettify

必要なことを実行するパッケージを選択したら、次のコマンドを使用してインストールできます。apm install [package name]コマンドラインから、または[環境設定]のインターフェイスを使用してインストールします。

パッケージがインストールされたら、その機能をアクティブにする方法の指示に従ってください。



6

アトムのテキストをフォーマットするためのアトム美容パッケージを追加できます。

ファイル->設定->インストール

次に、検索領域にatom-beautifyと入力します。

次に[パッケージ]ボタンをクリックします。atombeutyを選択してインストールします。

次に、(Alt + ctrl + b)を使用してテキストをフォーマットするか、右クリックしてエディターのコンテンツを美化します


0
  1. アトムエディタの[パッケージ]に移動します。
  2. 次に、「パッケージ」ビューで「設定ビュー」を選択します。
  3. 「パッケージ/テーマのインストール」を選択します。
  4. 「Atom Beautify」を検索してインストールします。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.