tags

[4]
[1]
[1]

Visual Studio Code (vscode) オススメの 拡張

● eCSStractor for VSCode

cssにHTMLタグを貼り付けると CSS セレクターを生成する
https://marketplace.visualstudio.com/items?itemName=diz.ecsstractor-port

● Auto Close Tag

</ でタグを閉じる

https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

● FileUtils

左のエクスプローラーツリーから複製(Duplicate)が行えるようになります。

● Remote Development

SSH で接続してリモートサーバーをローカルサーバーのように編集する 監視するファイル数の上限を設定する設定方法 

sudo vi /etc/sysctl.conf
fs.inotify.max_user_watches=524288

↑ 524288 は 最大値です。 任意の数値を設定してください。

● CodeMetrics

https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-codemetrics
コードの複雑度(Cyclomatic complexity)などを表示する

● Better Align

https://marketplace.visualstudio.com/items?itemName=wwm.better-align
選択をしなくても、 実行するだけでコロンなどでインデントを揃える

● Log File Highlighter ログファイルを見やすくする

● Regex Previewer 正規表現を確認する

● Favorites お気に入り機能

● file-icons-mac (macライクなアイコン)

● Auto Rename Tag (htmlタグのリネームを便利にする)

● CSS関連

● IntelliSense for CSS class names in HTML

css入力時に ID, CLASS 名を保管する

● Git関連

・Git Lens

誰がいつ編集したかを表示する

・Git History

ログを見やすく表示

vscode-caniuse
gitflow
Git History
Log File Highlighter

● 全角文字を発見する Hightlight

"highlight.regexes": {
  "( )": [
    {
      "backgroundColor": "#d9ad00"
    }
  ],
  "([1234567890])": [
    {
      "backgroundColor": "#d90000",
      "color": "#1f1f1f"
    }
  ]
}

引用 : https://qiita.com/yukishiba/items/ab1d3535f2490cb99d38


No.205
02/03 09:10

edit