Visual Studio Codeに入れるべき拡張機能【2023年最新版】 - Qiita
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに VSCodeは世界で多くの人が使っているコードエディタです。 開発の際に使用している人も多いのではないでしょうか。 今回はそんなVSCodeの拡張機能を一挙に紹介していきます。 拡張機能 VSCodeは世界中で支持されているコードエディタですが、最大の魅力が「拡張機能」です。 機能を追加して、より自分が使いやすいコードエディタにすることができます。 拡張機能のインストール 拡張機能のインストールのやり方を説明します。 アクティビティバーの拡張機能マークをクリックする（四角が4つあるマークです） インストールしたい拡張機能を検索する 拡張機能を選ぶ インストールをク
Visual Studio CodeでのSSH接続により、EC2サーバーが高負荷になり動かなくなった - エキサイト TechBlog.
こんにちは、エンジニアの岩藤です。 今回はVisual Studio CodeでのSSH接続が原因で、接続先EC2サーバーが高負荷になってしまった現象と対策についてお話しします。 あるEC2サーバーで数人で開発していると、サーバーが急に重くなりssh接続すらできなくなる現象が定期的に発生しました。 ↓topコマンドで確認した結果 top - 14:21:29 up 5:20, 1 user, load average: 4.58, 2.01, 0.86 Tasks: 192 total, 3 running, 189 sleeping, 0 stopped, 0 zombie %Cpu0 : 10.1 us, 3.0 sy, 0.0 ni, 0.0 id, 86.9 wa, 0.0 hi, 0.0 si, 0.0 st %Cpu1 : 9.5 us, 2.4 sy, 0.0 ni, 0.0
さよならFTPツール。VS Codeからファイルを即サーバー同期して作業効率アップ - Qiita
はじめに 令和という新しき時代の幕開けにもかかわらず、いまだに「FTPクライアントソフト」(FileZilla、WinSCPなど)でサーバーに手動ファイルアップ作業をしている人、いませんか？ そんなあなたに朗報！ちょっとした設定だけで、楽にファイルアップできる環境を整えられるんです。さあ、これからはFTPクライアントを立ち上げてちまちまアップする、そんなひと手間を減らしましょう！ (謎の通販番組調…) まずはVS Code(※)でコード編集が完了したら、即サーバーアップできるおすすめの方法を紹介します。 ※ 正式名称：Visual Studio Code。Microsoft製の無料コードエディター また、別の選択肢についても若干触れています。検討のうえ適した方法をチョイスしてみてください。 本記事対象 対象となる人 Webの仕事でFTPクライアントを使用している、または使用せざるを得ない人
Emacsで現在開いているファイルを一瞬でVSCodeで開く方法、そしてその逆 - $shibayu36->blog;
Reactを最近勉強し始めたのでVSCodeも使ってみるかと思っている。そうはいってもEmacsを使いたいときもあるので、 Emacsで現在開いているファイルをVSCodeで開く(カーソル位置も保持) VSCodeで今開いているファイルをEmacsで開く(カーソル位置も保持) の両方をやりたい。ということでやってみた。 Emacsで現在開いているファイルをVSCodeで開く 実装はこれ -> https://github.com/shibayu36/emacs/commit/9699a693d45b8d3b355b15b57c6e6b3f827d6483 単純にcodeコマンドを使って現在のファイル名、行数、カラム数を渡してあげると良い。 ;;; 現在のファイルをvscodeで開く (defun open-by-vscode () (interactive) (shell-command
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
VSCodeでWordPress開発するための拡張機能とおすすめの設定 | HPcode（えいちぴーこーど）
名前の通り、WordPressのスニペット。WordPress関数の最初の数文字さえ分かれば、Ctrl + スペースで補完（もしくは候補を出す）してくれるので、うろ覚えでもなんとかなります。 いちいちCodexで検索しなくても済むのでコーディングスピードも上がるはずです。 公式 → https://marketplace.visualstudio.com/items?itemName=tungvn.wordpress-snippet IntelliSense for CSS class names in HTML classやidを数文字入力すると候補を出してくれるもの。同じプロジェクト内にあるcssファイルを読み取ってくれているみたいですね。 ちゃんとネーミングルールをちゃんと設計してclass名を付けていることが前提ですが、「c-btn-」くらいまで入力したらボタン関係のclassが見
Visual Studio Codeでタブの切り替えショートカットキーをChromeみたいにする - ノウハウブログ - カンタローCGI
タブ選択がリスト式 最近人気のマイクロソフト謹製のオープンソースエディタ Visual Studio Code ですが、複数のファイルを開いたとき、タブの切り替えにショートカットキー Ctrl + Tab を押すと、同グループの切替リストが出てきます。 リスト選択じゃなくて、何度もタブキー押してどんどんタブを切り替えたいんだけど！Chromeみたいに！と思うわけです。 どうやら標準ですと Ctrl + PageUp と Ctrl + PageDown にその機能が割り当たっているようですが、ノートPCではちょっと厳しい位置にあるボタンなので、やはり Ctrl + Tab に割り当てておきたいところです。 もちろん好みの問題もあると思いますが、この標準の設定を変えたい場合は以下の設定で変更可能です。 ショートカットキーの設定 ショートカットキーの設定画面（Ctrl + K → Ctrl +
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2022年版】Visual Studio CodeでPHP開発環境＋デバッグ作業でステップ実行できるようにする方法