VSCodeにおけるプロジェクトコード規約設定 - editorconfig, prettier, ESLint
editorconfig
EditorConfigは、複数の開発者が同じプロジェクトを異なるIDEで編集する際のコーディングスタイルの一貫性を保つことを目的としたツールです。
プラグインのインストール:EditorConfig for VS Code
プロジェクトのルートディレクトリに.editorconfigという名前のファイルを作成し、以下の内容を記述します。
root = true
[*]
charset = utf-8
indent ...
6月18日 20:08 投稿
VSCode 環境における Vue.js プロジェクトのコード整形自動化設定
エディタ拡張機能の導入と基本設定
まず、Visual Studio Code の機能拡張画面から以下のサードパーティ製プラグインを導入してください。
Vue 言語サポート(例:Vetur)
Prettier - Code formatter
ESLint
コード保存時に整形を実行するための動作を設定するには、ユーザー設定またはワークスペース設定ファイルである settings.json を編集します。ショートカット Ctrl ...
6月4日 17:03 投稿
Vue プロジェクトにおけるフロントエンドの工程化とWebpackの活用
フロントエンド工程化の重要性
近年のフロントエンド開発では、SPA(シングルページアプリケーション)の普及により、JavaScript の複雑さが増し、多くの依存パッケージや SCSS・TypeScript などの拡張構文を扱う必要が出てきました。このような状況に対応するため、Webpack などのモジュールバンドラは、プロジェクト構造を解析し、ブラウザで直接実行できない拡張構文を ...
5月22日 17:22 投稿