開発覚書はてな版

個人的な開発関連の備忘録

Visual Studio Code

【VSCode】おすすめ拡張機能 - Angular Language Service

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はAngular Language Serviceです。 Angular Supportと同様にHTMLからTypeScriptの定義に飛ぶことが可能です。(TypeScriptからHTMLへ飛ぶことは不可) 基本的にはHTML側の開発サポート…

【VSCode】おすすめ拡張機能 - Angular Support

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はAngular Supportです。 Angular Language Serviceと重複している箇所がありますが、HTML・TypeScriptの双方から定義に飛ぶことができる拡張機能です。 marketplace.visualstudio.com

【VSCode】推奨拡張機能を共有

概要 .vscode/extensions.jsonをソース管理等で共有することで、チーム内で推奨拡張機能を共有できます。 推奨拡張機能の記載方法 .vscode/extensions.jsonに拡張機能のIDを記載することで推奨拡張機能として共有できるようになります。 拡張機能のIDの確認 …

【VSCode】ワークスペース設定を共有

概要 .vscode/settings.jsonをソース管理等で共有することで、チーム内でワークスペース設定を共有できます。 ワークスペースの設定 基本設定の設定からワークスペースの設定ができます。 用途 フォーマットをチーム内で共有する用途で使用できます。 下記の…

【VSCode】Visual Studio Code v1.28 の気になる新機能

目次 目次 概要 Workbench関連 Custom title and menu bar on Windows by default Project level snippets Copy Relative Path Problems panel - Show error codes Editor IntelliSense locality bonus おわりに 概要 Visual Studio Code v1.28がリリースさ…

【VSCode】Visual Studio Code v1.27 の気になる新機能

目次 目次 概要 Workbench関連 Settings editor Breadcrumbs improvements New Terminal menu Languages Path completion for CSS imports おわりに 概要 Visual Studio Code v1.27がリリースされましたね。 気になる新機能をピックアップして紹介します。 c…

【VSCode】Visual Studio Code v1.26 の気になる新機能

目次 目次 概要 Workbench関連 Breadcrumbs Run npm scripts from package.json View menu cleanup おわりに 概要 Visual Studio Code v1.26がリリースされましたね。 気になる新機能をピックアップして紹介します。 code.visualstudio.com

【VSCode】おすすめ拡張機能 - Bookmarks

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はBookmarksです。 文字通りコード内のブックマークを保存していく機能です。 marketplace.visualstudio.com

【VSCode】おすすめ拡張機能 - GitLens

概要 Visual Studio Code で普段利用している拡張機能ご紹介です。 今回はGitLensです。Gitを利用している場合にとても便利です。 ※GitLens Version 8.5時点の情報です。 marketplace.visualstudio.com

【VSCode】ワークスペースのTypeScriptのバージョンを使用

概要 Visual Studio Codeの各ワークスペースのTypeScriptバージョンを指定して使用する。

【VSCode】Visual Studio Code v1.25 の気になる新機能

目次 目次 概要 Workbench関連 Grid editor layout Outline view Portable Mode 拡張関連 New default view for Extensions view Preview機能 New Settings editor 終わりに 概要 Visual Studio Code v1.25がリリースされましたね。 気になる新機能をピック…

【VSCode】Chromeデバッグ起動設定

概要 Visual Studio Code から Chrome デバッグ接続が可能です。 Debugguer for Chrome拡張機能を利用することでデバッグできます。 ただし、デバッグ前にChromeの起動引数に--remote-debugging-port=9222の設定が必要です。 このあたりの設定やまわりへの周…

【TypeScript】拡張メソッドの実装(基本型)

概要 declare global + interface で追加したいメソッドを追加後、prototypeにメソッドを追加します。 拡張メソッドを利用したい場合は、importをすることで利用できます。 詳細についてはサンプルソースを確認。 ちなみに拡張メソッドは他の開発言語でもあ…

【VSCode】Visual Studio Code v1.24 の気になる新機能

目次 目次 概要 TypeScript関連 Update import paths when a file is moved or renamed Highlight unused variables and imports Generate getter/setter refactoring Preview機能 Outline view New Settings editor 終わりに 概要 Visual Studio Code v1.24…

【VSCode】Visual Studio Codeでregionを使う

概要 Visual Studio Code では、Visual Studio の C# のように region指定が出来ます。 今回は Visual Studio Code で TypeScript, HTML, CSS に対してregion指定をしたいと思います。 基本的には各言語のコメントアウト部分に #region と #endregion を設定…