Visual Studio Code

SVGスプライトをgulpやIcoMoonを使わず作成する方法
複数のSVGファイルを一つのSVGファイルに統合して利用するSVGスプライトを作成するために、簡易的な方法を考えました。 📝 ポイント 元のSVGファイルはAffinity Desingerで複数のアートボードを一括でエ...
【WordPress・VSCode】PHP Intelephense拡張でWordPress関数がエラーとして扱われてしまう問題解決方法
最近になってVisual Studio CodeでWordPressテーマを作成していたところ、Wordpress特有の関数が下図のように「未定義関数」として表示されるようになりました。 これは原因を調べてみると、拡張機...
Visual Studio CodeでSASSのコンパイルを標準で圧縮(minify)する方法
Visual Studio CodeでSASSをCSSにコンパイルする際にはLive Sass Compilerを、minifyされた圧縮ファイル(.min.css)を作成するためには、Minifyを使用して、個別に処理...
BootstrapのSASSコンパイル時にはブラウザーリストも確認
これまで特に何も考えず、Visual Studio Code + Live Sass Compilerを使用して、BootstrapのSASSファイルを編集してCSSにコンパイルしていました。 で、Bootstrap 4...
ChromebookでVisual Studio Codeが使えるようになります
Google I/O 2018で、ChromebookでLinuxがサポートされることが正式に発表されました。 Linuxは、Chromebook用に設計された仮想マシン内で動作します。つまり、数秒で始まり、Chrome...
【初心者向】Visual Studio Codeでphp cs fixerを設定する方法
Visual Studio CodeでPHPのフォーマット(整形)をしたいので調べてみると、「php cs fixer」を使うのが良いそうで。 では早速とインストールしてみましたが、そのままだと と出てきて使えません.....
Visual Studio Codeでhtmltagwrapを使って選択した文字列をタグで囲む
導入するプラグインはhtmltagwrap そして タグで囲みたい文字列を選択してAlt + Wを押す。 するとデフォルトではpタグで囲まれます。 そのままの状態で例えばspanとキーを打てばspanタグに切り替わります...
【初心者向】Visual Studio CodeでCSScombを設定する方法
CSScombは、予め設定したルールに従ってスタイルシートを整形・プロパティ毎にソートしてくれるツールです。 例えば のようなスタイルシートがあるとします。 marginの記述がバラバラの位置にあったり、単位が不要な0に...
Visual Studio CodeでFTP simple使用時にライブプレビューで躓いた点
コーディングは主にVisual Studio Codeを使用して、常にFTP Simpleでサーバー上のコードを同期しながら作業を進めております。 これまでは、コードを書き終えたら保存する、そしてブラウザでF5更新して確...
1