web-dev-qa-db-ja.com

atom.ioはhtmlの基本構造を自動作成します

今しばらくatom.ioを使用していて、本当に気に入っています。不足していることが1つだけあります。以前はかっこと崇高さを使用していましたが、どちらもhtmlと入力するだけでhtmlドキュメントの基本構造を作成できる機能がありました。

これは、html、head、およびbodyタグを設定するだけです。文字セットメタ、タイトル、cssファイルへのリンクを作成しました。

私は1日に多くのhtmlファイルを作成するので、これをサポートするショートコードまたはパッケージを知っていると本当に助かります！

atom-editor
20
Merijn dk

あなたが探しています - autocomplete-snippets 。

単に「html」と入力して押します Enter

これを証明する恐ろしいGIFは次のとおりです。

enter image description here

57
Hatchet

Emmetと呼ばれる素敵なプラグインがあります： https://atom.io/packages/emmet

取得したら、空のドキュメントに! -> tabと入力するだけです。 @hatchet GIFとほぼ同じ結果が得られます。

2
nito

現在受け入れられている回答に記載されているオートコンプリート機能を無効にしている場合、またはそれよりも柔軟性が必要な場合は、file-templatesパッケージ： https://atom.io/packages/file-templates

基本的な手順を次に示します。

  • パッケージをインストールするには：edit->preferences->install->file-templates。
  • テンプレートを保存するには：packages->new template from this file。
  • そのテンプレートで新しいファイルを開くには、ctrl-alt-nそしてそれを選択します。
1
eric