【VSCode】おすすめ拡張機能 - Angular Language Service
概要
Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はAngular Language Serviceです。
Angular Support
と同様にHTMLからTypeScriptの定義に飛ぶことが可能です。(TypeScriptからHTMLへ飛ぶことは不可)
基本的にはHTML側の開発サポート機能が充実しています。
Angular Supportについては以下の記事を参照。 kakkoyakakko2.hatenablog.com
続きを読む【VSCode】おすすめ拡張機能 - Angular Support
概要
Visual Studio Code で普段利用している拡張機能ご紹介です。
今回はAngular Supportです。 Angular Language Service
と重複している箇所がありますが、HTML・TypeScriptの双方から定義に飛ぶことができる拡張機能です。
【Angular】Angular 7.0.0リリース
【VSCode】推奨拡張機能を共有
概要
.vscode/extensions.json
をソース管理等で共有することで、チーム内で推奨拡張機能を共有できます。
推奨拡張機能の記載方法
.vscode/extensions.json
に拡張機能のIDを記載することで推奨拡張機能として共有できるようになります。
拡張機能のIDの確認
確認したい拡張機能のページ内に記載されています。
拡張機能名の横にIDが{publisherName}.{extensionName}
で記載されています。
.vscode/extensions.json
以下のフォーマットに拡張機能のIDを追加していくことで設定できます。
{ "recommendations": [ "拡張機能のID" ] }
表示
用途
チーム内で標準で使用したい拡張機能を共有するために利用できます。
README.md等に記載するよりは簡単に共有できるので便利です。
参考URL
【VSCode】ワークスペース設定を共有
概要
.vscode/settings.json
をソース管理等で共有することで、チーム内でワークスペース設定を共有できます。
ワークスペースの設定
- 基本設定の設定からワークスペースの設定ができます。
用途
フォーマットをチーム内で共有する用途で使用できます。
下記の設定を共有しておくと便利です。
- インデントのサイズ指定:
editor.tabSize
- Tabキーを押した場合に空白指定:
editor.insertSpaces
- ファイルエンコーディングの指定:
files.encoding
- 改行コード:
files.eol
- 保存時にファイルの末尾に空の新規行を追加:
files.insertFinalNewline
- 行の末尾の空白を除去:
files.trimTrailingWhitespace
- 制御文字の表示:
editor.renderControlCharacters
- 拡張機能の標準設定(TSLintなど)
参考URL
【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がリリースされましたね。
気になる新機能をピックアップして紹介します。
【Angular】双方向バインディングの実装(ControlValueAccessor使用版)
概要
今回はControlValueAccessor
を使用した双方向バインディングの実装の仕方を記載します。
通常の双方向バインディングの実装については以下の記事を参照して下さい。 kakkoyakakko2.hatenablog.com
続きを読む