joppot

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

ソフトウェア

Write haml with Atom

投稿日:2017年3月16日 更新日:



Abstract

Hello everybody, it’s candle.
In this time we will write haml with Atom.

I’m coding with emacs for all time. but sotimes I use atom.
When I open a haml file, there is no coloring and syntax, I try to add plugin.


Premise

You have Atom editor.


Install “language-haml”

I heard most famous haml plugin is “language-haml”, let’s install it.
Select “Atom” → “Preferences …” from the menu.

Choose “install” of the left menu, insert “haml” into search field and press enter key.

At the top, press “install” button of “language-haml”.

It’s finish.
You can write haml.

Create hello.haml as a test and write the next text.

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

An addition, you can comment out at the selected line using “Command + /”.


Conclusion

I think that haml is very useful.

スポンサードリンク

If you think this article is good, share it please

-ソフトウェア
-,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

Atom imports React component using import-js 2.2.0

Abstract Hello everybody it’s me candle. In this time we will import the component path into the file using import-js and Atom automatically. React recommends to write one component in one file, when development becomes to be big, the number of component increase. If you use 10 components with one Container, you need to write 10 import statements. import-js helps us from such troublesome work. Precondition Already exist React web environment I recommend you use the react project created by create-react-app command which I wrote the before article. Atom was installed in your computer.

Connect to host mysql from docker container of “docker for Mac”

Abstract Hello everyone it’s me candle. In this post I will show you how to connect to the host mysql from the docker container of mac. For example, you may connect to mysql when running rails, wordpress etc on docker. You may prepare docker of mysql, but it can’t hold data, it is troublesome such as startup time. Then I think that it is very useful if docker can access to the host mysql. Precondition You use docker for mac

Develop React in emacs in rjsx-mode

English 日本語 Abstract Hello everyone this is candle. In this time I would like to introduce rjsx-mode of major-mode for react development of emacs. The development of “react” has been tried and errored between emacs users, such as using web-mode or js2-jsx-mode of js2-mode. Also I had been used js2-jsx-mode before rjsx-mode. Since rjsx-mode is an extension of js2-mode, users of js2-mode can use it without discomfort. rjsx-mode has auto complete function of jsx. it’s fantastic. Precondition You use emacs You use melpa or el-get

How to prevent preview from scrolling back to top in Atom’s Markdown

English 日本語 Abstract Hello everyone, it’s candle. Atom has a markdown preview function from the beginning. When markdown’s sentence becomes long, every time you edit it, the preview back to the top. And, you have to scroll every time to check. It is so tough, we will put a plug-in that will automatically adjust the preview. Premise Atom has been installed

How to invert photoshop brush

English 日本語 Abstract Hello everyone. It’s candle. In this time, I’ll show you how to invert brush effect. Precondition Nothing


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.