Bracketsインストール方法!

テキストエディター

OSに標準で搭載されているWindows「メモ帳」Mac「テキストエディット」がありますが、Web制作には不向きです。OS独自の文字コードや改行コードがあるからです。Windowsでテキスト作成したものをMacなどの他のOSで扱えない可能性があるからです。ネットで検索するといろいろな種類のテキストエディターがありますが今回はBracketsというテキストエディターを使用していきたいと思います。もちろん無償です。

http://brackets.io/

ダウンロードをクリックして進みます。next→Install→finish

インストールが完了したらBracketsを起動し、ガイドページが表示されるので✖をクリックして閉じて下さい。

ここから初期設定を行っていきます。全角文字でソースコードを記述しないので全角文字が入っていた場合にわかりやすく表示する設定をしていきます。

画面の右端に拡張機能マネージャーのアイコンがあるのでクリックし、検索欄に「全角空白・スペース・タブ表示」と入力すると項目が表示されるのでインストールをクリックします。

では実際に適当な場所に全角でスペースキーを押してみます。

全角でスペースキーを押すと▯で表示され、半角スペースを押すと・で表示されるようになりました。最後に文字コードの確認をして終了しましょう。

画面の下の方に文字コード項目が表示されているので「UTF-8」になっているか確認してください。なっていなければ▼でUTF-8を探して変更しましょう。