Multi Vitamin & Mineral

Multi Vitamin & Mineral です。プログラムに関することを書いております。

VSCode (Visual Studio Code)

React で TypeScript を使う環境を構築する手順(いつもどおり VSCode に ESLint と Prettier を添えます。)

React の開発環境を作る。 JavaScript ではなく TypeScript を使いたい。という場合の環境構築手順メモです。利用するのは VSCode 。 ESLint と Prettier も使ってコードのチェックやフォーマットを実行してくれるようにしておきました。 React TypeScript E…

TypeScript の開発環境を作る。VSCode を基本に ESLint と Prettier も添えて。

はじめに VSCode と Node.js の用意 TypeScript のインストール TypeScript のコンパイル eslint の導入 蛇足 Prettier の導入 VSCode のプラグイン はじめに TypeScript の開発環境の作り方です。 「TypeScript をサクッと一通り知る」のサブコンテンツとな…

TypeScript をサクッと一通り知る

TypeScriptとは? なぜ TypeScript ? tsc トランスパイル JavaScript のバージョンに注意 インストールと利用 1. インストールなしに試す 2. グローバルインストール編 3. プロジェクト内で利用編 TypeScriptの基本的な書き方 型 (1) 基本型3つ+型なし (2) …

Visual Studio Code のショートカットキーを覚える

はじめに 基本 サジェスト系 選択系(マルチカーソル) キーワード検索系 編集操作系 行操作系 ファイル内移動系 ファイル移動系 ファイル分割表示系 ファイル名検索系 ファイル編集系 はじめに 個人的に使いそうなものだけまとめました。 上から下まで一度…

Visual Studio Code の最初の設定、基本の操作

はじめに 拡張機能 設定 ユーザーとワークスペース コマンドパレット ショートカットキー その他操作 ファイルのインクリメンタルサーチ プロジェクト内のキーワード検索 ファイル編集操作 ファイルリンクとファイルリンクからのファイル作成 Emmetの利用 cs…

まっさらな Windows でフロントエンド開発環境を構築する 色々インストール編

はじめに インストールするソフトウェア git for windows Visual Studio Code Node.js Ricty Diminished インストールしたものだけでも連携させておく gitbash と VSCode の連携 VSCode にフォント設定をする 変更履歴 2021/02/12 はじめに まっさらな Windo…