3から乗り換えることにし、その際に行った環境設定の方法をまとめました。Codeは、Microsoftが開発した無料のオープンソースです。公式サイトより無料でダウンロードすることができます。Codeを起動したら、まずは日本語化します。起動後に表示される左メニューのアイコンの中から、一番下の四角いアイコンを選びます。これは、拡張機能を追加するメニューで、左上に表示される入力フォームに「japanese」と入力します。Code』というMicrosoft公式の拡張機能が表示されます。緑の『Install』ボタンを押し、再起動すれば日本語化完了です。設定のカスタマイズ日本語化が完了したら、基本設定を変えていきます。設定』で設定メニューを開きます。Encoding』と入力すると、ファイルを開いた際、自動で文字コードを判別してくれるようになり、文字化けを防ぐことができます。Whitespaceという項目を『boundary』に設定します。これを設定すると、半角スペースが続く場所に『・』記号を表示し、わかりやすくしてくれます。textやAtomの拡張機能にある連番入力機能。これがあると便利なため、『vscode-input-sequence』を追加します。日本語化と同様に、左メニューの拡張機能を選択、入力フォームに『vscode-input-sequence』を入力します。vscode-input-sequenceは、Atom版の移植であるため、使い勝手はほぼ一緒です。0』で起動することができます。Chromeのデバック機能と連携する拡張機能です。javascriptのデバックをエディタ上でできるため、フロントエンドエンジニアは重宝するのではないでしょうか。2』は、()や{}で括られた内容をわかりやすく色分けしてくれる拡張機能です。インデントをわかりやすく『indent-rainbow』は、インデントに合わせて色分けしてくれる拡張機能です。ソースを美しく書きたい身としては、インデントを揃えて見やすくするのに必須の機能です。カラーコード周りを扱いやすくする『colorize』は、カラーコードをカラーコードの色でハイライトしてくれる機能です。カラーコード以外にも、変数にカラーコードが入っている場合、その変数もカラーコードの色でハイライトしてくれます。読み込み中...関連この投稿へのコメントコメントはありません。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。新しい投稿をメールで受け取るこの投稿へのトラックバックトラックバックはありません。WordPress%d人のブロガーが「いいね」をつけました。