すると、以下のように、左側にデフォルト設定、右側にユーザ設定が表示されます。この「ユーザ設定」のみを変更して設定を行います。基本設定としては以下を設定すれば良いでしょう。//右クリックでコピペ日本語で簡単な説明を表記しましたが、デフォルト設定を見ると日本語で説明が書かれているので、分からない設定があればすぐに確認できます。他のテキストエディタから移行してくる場合に問題になるのはキーマップです。Codeに移行する場合のプラグインを紹介します。Textの設定を引き継げます。Keymap」をインストールして設定することで、Atomの設定を引き継げます。P」でコマンドパレットを表示し、「color」と入力すると「配色テーマ」を選択できます。「配色テーマの選択->その他の配色テーマをインストール」から、好きなデザインのテーマを選んでインストールできます。テーマのインストールが完了したら、同じく「配色テーマの選択」から好きなテーマを選べば、設定が自動的に「ユーザ設定」に書き込まれます。Light」を使っています。アイコンのテーマ」を選択できます。アイコンをインストール」から、好きなデザインのテーマを選んでインストールできます。アイコンのテーマを選択します」から好きなアイコンを選べば、設定が自動的に「ユーザ設定」に書き込まれます。Theme」を使っています。フォントの変更2つのフォントの設定を紹介します。Code」の設定Homebrewから以下のようにして、フォントをインストールします。Codeの設定を開き、以下を追記します。Code」が設定できました。Diminished」の設定Homebrewから以下のようにして、フォントをインストールします。Codeの設定を開き、以下を追記します。Diminished」が設定できました。以上で、基本設定は完了です。Web開発のためのおすすめプラグインプラグインのインストール方法おすすめのプラグインを紹介する前に、プラグインのインストール方法を説明します。プラグインのインストールはエディタの右側メニューの下にある四角いマークをクリックすると検索できます。プラグインを選んで「インストール」をクリックします。Codeを再起動すれば、プラグインが有効になります。おすすめのプラグインそれでは、おすすめのプラグインを紹介していきます。プラグインは非常にたくさんあるので、いろいろ試してオリジナルの設定を完成させるとより楽しくコーディングができると思います。比較的オススメなプラグインに「★」を付けてあります。ブックマークを作成する今回はReactやAngular、Vueと言った特定のフレームワーク向けのプラグインはできるだけ書かないようにしました。いったプラグインは基本的にスニペットだけなので、必要に応じて拡張機能を検索して人気があるものをインストールすればだいたい欲しいものは手に入ります。Codeにインストールされている拡張機能を一覧で表示してみましょう。--list-extensions私の場合は、使ってもいない大量のプラグインが表示されています。プラグインが原因で不具合が起こる場合があるので、定期的にメンテナンスしましょう。最低限知っておくべきショートカットここではWeb開発で必要な最低限知っておくべきショートカットを紹介します。今回は置換のショートカットをカスタマイズしてみましょう。ショートカットをカスタマイズする「Command+K+S」でショートカット画面を表示し、「置換」のショートカットを編集します。新しいショートカット「Command+H」を入力してEnterをします。これでショートカットが変更できました。JSONファイルでショートカットをカスタマイズする「Command+K+S」でショートカット画面を表示し、「keybindings.json」をクリックします。あとは直接JSONファイルを編集できます。自分用のスニペットを作成することもできます。今回はコンソールのスニペットを作ってみましょう。スニペットの構成」をクリックします。ファイル...」をクリックします。「javascript」のスニペットを選択します。以下を入力して保存します。console"}}これでスニペットの作成は完了です。カスタムスニペットを使うそれでは作成したスニペットを使ってみましょう。適当なJavaScriptファイルを作成し、「log」と入力します。するとスニペットが出てくるのでクリックします。以下のように「console.log(”)」に変換されれば成功です。Codeを使えるようになりました。Codeを使ってみて下さい。Webに関わっている人なら、使っている内に名刀が手に馴染む感覚を味わえるでしょう。最新の記事Keid自由で楽しい世界を目指すフルスタックWebデベロッパー。大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。3では、「Ctrl+B」のショートカットでプログラムを実行できるという仕組みがあります。3」のインストールしたら最初にやることを紹介します。3をインストールして最初にすることに関して説明しました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。AuthorKeid自由で楽しい世界を目指すフルスタックWebデベロッパー。大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。0.0010このブログの運営のためにBitcoinでの寄付を募集しています。お気持ち程度の寄付を頂けると管理者の励みになります。最新の記事Keid自由で楽しい世界を目指すフルスタックWebデベロッパー。大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。3では、「Ctrl+B」のショートカットでプログラムを実行できるという仕組みがあります。3」のインストールしたら最初にやることを紹介します。3をインストールして最初にすることに関して説明しました。