joppot

コピペで絶対動く。説明を妥協しない

ソフトウェア

Atomでhamlを書く

投稿日:2017年2月7日 更新日:

Pocket


概要

みなさんこんにちはcandleです。今回はatomでhamlをかきます。
私はほとんどemacsですが、たまにatomで書く時があって、
hamlを開いたら、カラーリングなどが対応していなかったので、プラグインを入れてみます。

前提

atomがある

SPONSORED LINK


language-hamlをインストールする

どうやら、language-hamlというプラグインが該当するらしいので、これを入れます。
上のメニューから「Atom」→「Preferences…」を選びます。

左のメニューの「install」を選び、検索ボックスに「haml」と入力してエンターを押して検索します。

一番上の、「language-haml」の「install」ボタンを押します。

これだけでhamlが使えます。

試しにhello.hamlを作成して、以下を記述してみます。

= link_to root_path(), class: "big-font whiete" do
  banana
.pokemon.get
  %p#head
    hello world
-# comment out

おまけに、Command + / で選択している行をコメントアウトできます。

まとめ

haml便利なので、積極的に使っていきたいですね。

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-ソフトウェア
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

MarathonoはMacのGUIで簡単にlinuxコマンドを実行するソフト

概要 みなさんこんはcandleです。今回はmarathonoというGUIツールの使い方です。 このソフトの目的は大まかに2つです。 1つは任意のLinuxサービスを実行すること 2つ目はファイルの変 …

ブルーライトカットソフト[ f.lux ]の使い方

概要 どうもみなさんコンニチはcandleです。f.luxの導入と使い方を説明します。 fluxはブルーライトカットをソフトウェアで行うものです。 ブルーライトカットにはメガネというのが代表的ですが、 …

emmetを使ってhtml5のテンプレート入力補完する

概要 みなさんこんにちはcandleです。今回はemmetを使ったhtml5テンプレートの入力補完を試してみましょう。html5が使われだしてから、だいぶ経ちました。私も今ではhtml5で全てのhtm …

Atomにreact+es6対応したeslintの環境を構築する

概要 みなさんこんにちはcandleです。 今回はAtom + eslintの導入をしてみましょう。 以前書いたemacsより圧倒的に環境作りが簡単です。 近年はeslintが主流になってきて、Ato …

ungoogled chromiumにextensionを追加する方法

English 日本語 概要 みなさんこんにちはcandleです。 僕はfirefox派なので、あまりChromeは使わ無いのですが、時にはextensionの関係でChromeを使うことがあります。 …

プロフィール


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー

スポンサードリンク

アーカイブ