WEB制作メモ

web制作・ビジネス・アイデア・生活・ホームページ制作・更新など

vscode プラグイン plugin

easy sass 
sass環境

vscode jsの圧縮するプラグイン
JS & CSS Minifier
下部のバ~のをクリックすると圧縮される

php formatter
 
設定でphpformatterを検索して
 
ここをチェック

自動フォーマット(整形)
 

VisualStudioCodeに自動整形機能

  • 「ファイル」「基本設定」「設定」を開く
  • 上の検索窓からformatonで検索する
  • editor.formatOnXXXの左の鉛筆マークをクリックしてTrueを選択する
  • 右画面に設定が追記される
  • コードを書く
 
過去のjsファイル全部フォーマットし直したいとき
npm install prettier --save-dev
find . -name \*.js | grep -v node_modules/ | grep -v public/ | xargs node_modules/.bin/prettier --write --single-quote=true
 

PHP DocBlocker
 
定義のコメントを自動で書いてくれる。/** Enter
 

Path Intellisense
自動でパスを補完
 

設定
基本設定 > 設定
// JavaScriptでのみ保存時フォーマットを有効化
 "[javascript]": {
   "editor.formatOnSave": true
 },
 // prettierのシングルクオーテーションオプションをon
 "prettier.singleQuote" : true