ＤＱＷ ドラゴンクエストウォーク、一歩も動かず最強を目指す【ＤＱ...

Amazon Amazonタイムセール祭り2019の準備とおすすめ目玉...

雑記 関東で原付で走ると怖い道３選

Amazon 【2019年版】Amazonプライム特典、kindle書...

テキストエディタ「 Atom 」。

パッケージと呼ばれるものをダウンロード・インストールすることで

機能を拡張できるテキストエディタです。

Atomダウンロードへ

今回は入れておくと便利なパッケージを紹介していきます。

1 日本語化パッケージ「japanese-menu」のインストール方法

2 入れておくと便利なパッケージ 2.1 auto-encoding 2.2 autocomplete-paths 2.3 color-picker 2.4 pigments

2.1 auto-encoding

2.2 autocomplete-paths

2.3 color-picker

2.4 pigments

まずはメニューの中にある「File」から「setting」を選びます。

settingタブが現れるのでその中の「+install」をクリックします。

次に「sarch packages」と書かれたボックス内に「japanese-menu」と書き込むと

日本語化するパッケージ「japanese-menu」が出てくるので「Install」をクリックします。

すると英語表記が日本語表記に変わります、これでインストール終了です。

また、タブはカーソルを合わせた時に出る「×ボタン」で消すことができます。

この設定タブは「ファイル」内の「環境設定」からいつでも開くことができます。

文字コードを自動判別してくれるパッケージです。

デフォルトに設定されている文字コードだと日本語は新しいエディタと相性が悪いため

このパッケージを導入することで以前に作成したファイルの日本語が

文字化けして表示されてしまうことを防いでくれます。

ファイルパス入力時に相対ファイルパスを入力補完してくれるパッケージです。

HTMLでファイルの指定を行うときに便利です。

CSSでは色をコードで表現するため使いたい色を探し出すのに苦労します。

そこでAtomの追加パッケージ「color-picker」をインストールします。

インストールし終わったらテキストエディタ内で右クリックします。

カラーコードに色をつけるパッケージです。

「color-picker」で先ほど付けたカラーコードを

このパッケージをインストール後見てみます。

色の指定場所がその色で囲まれています。

このようにどのタグにどんな色を指定したのかすぐに分かるので

デザインの編集に便利です。

ゼロから始めるプログラミング生活 ＃１ HTMLでWebサイトを作る準備...

ゼロから始めるプログラミング生活 ＃２ HTMLを使ってWebサイトをつ...

M1チップ搭載MACでMAMP・Vagrant使用のVirtualBoxなどの仮想PCが動かない件

【子供用も】ニンテンドーアカウントの作成・連携・変更方法、2019年完全版！【Nintendo Switch】

セルフスターターとジャイアニズムは紙一重【セルフスターターの意味とは？】

リストから友達を削除・もしくは自分を削除させる方法はあるの？【LINE】

【子供用に】アプリ「NintendoみまもりSwitch」とは？導入・設定方法や使い方を解説【Nintendo Switch Liteにも】

2020年12月

2019年10月

2019年9月

2019年8月

2019年7月

2019年6月

2019年5月

2019年4月

HOME

Atom

テキストエディタ「Atom」のインストール・日本語化と設定しておくと便利な機能