気になる

アフェリエイト旅行

自動車

家庭菜園

« チューチューマウスが欲しい が 無いので マウスの設定を変更 | トップページ | 34インチモニター (LGのワイドタイプ)を買いました。 »

2017/09/13

Bracketsエディタ 拡張機能 2017

Bracketsがどこかのタイミングからエラー表示が出るようになったので・・
インストからやり直し。(。-人-。)

とりあえず、Bracketsをインストール後
C:\Users\ユーザ名\AppData\Roaming\Bracketsフォルダをコピーしておく。
(拡張していく間に何かかぶってエラーになったりするので、バックアップ用w)

順次、下記の拡張機能を入れていく

  • Custom Work
    左画面:フォルダアイコン表示と、ファイルアイコン表示をしてくれる    
    上部:ファイルアイコンをタブ表示してくれる
    (↑左画面でファイルをWクリック)
  • Emmet
    タグ早撃ち
  • Beautify
    コードをキレイに整形
    【編集→保存時にBeautifyにする チェックを入れる
  • Brackets CSS Class Code hint
     ID名やクラス名の属性値をコードヒントとして表示してくれる。
     JSファイル上では、関数名のとこにカーソルを置けばOK
  • Highlight Multibyte Symbols
    全角文字をハイライト表示
  • SVG Preview
    svgをプレビューしてくれる

---------------------------------------------------------

<インデント数>

  1. デバッグ→環境設定ファイルを開く
  2. 検索窓で→「spaceUnits
  3. 数値を2→4にする

<テーマ>

Monokai Dark Soda

調整:line-heightを1.6にする。w

  1. ヘルプ→拡張機能のフォルダを開く
  2. user → テーマフォルダを選択(今回はrain.monokai-dark-soda)
  3. main.min.cssファイルを=>コピーして保存(念のためにw)
  4. main.min.cssファイルを=>Bracketsソフトで開く
  5. 中身を全選択して=>編集→Beautify
  6. 一番最後の行の下に
    .CodeMirror {
      line-height: 1.6;
    }

    記述して、保存。

調整:ピンク眩しかったので、#e6adf7に変更した(3箇所)。w
Color Highlighterを先に入れておくと、色味がわかって便利です)

Bracketsで行間(line-height)を変更する方法 | NxWorld

---------------------------------------------------------

Shizimily Multi-Encoding for Brackets
    ファイルのエンコーディングに必要(Shift_JIS、EUC-JPとか)

HTML Block Selector
  Ctrl+Shift+tを押すと、対応している開始タグから終了タグ間を選択表示してくれる。
  超便利!

<css>

Color Highlighter
  Hex や RGB() をカラーそのものの色でハイライト表示してくれる

colorHints
  「#」を入力するとファイル内で使用しているカラー一覧を表示してくれる

Brackets Snippets (by edc)
  スニペット。便利らしいんだけど・・EmmetとショートカットキーのTabが
  バッティングするようで、諦め

---------------------------------------------------------

BluePrint Beta

↑折角モニターをワイド画面にしたのに
右横にスペースができてしまう。"(-""-)"

使い勝手が良さそうなので、入れてみる

---------------------------------------------------------

<HP作り直すときに便利そう>

CSSFier
    htmlで作成したコードをコピーして、
  cssファイルに貼り付けるだけで、簡単にcssのセレクタ表示にしてくれる

---------------------------------------------------------

HTML Designer for Brackets

デザインビューがすごく便利そう♪

↑何かとかぶってしまうようで断念

« チューチューマウスが欲しい が 無いので マウスの設定を変更 | トップページ | 34インチモニター (LGのワイドタイプ)を買いました。 »

PC+モニター+他・電化」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/114130/65811898

この記事へのトラックバック一覧です: Bracketsエディタ 拡張機能 2017:

« チューチューマウスが欲しい が 無いので マウスの設定を変更 | トップページ | 34インチモニター (LGのワイドタイプ)を買いました。 »

google検索

  • Google


    このブログを検索
    ウェブ全体から検索

カテゴリー

ニュース

  • 日経平均(長期)

    株価ミニチャートのブログパーツ
  • 経済指標(発表と内容)へのリンク
    http://jp.investing.com/economic-calendar/
  • 経済指標
  • . . .
  • 日経平均チャート
    by 株価チャート「ストチャ」
  • 株指標
2018年11月
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30