vscode-jest を導入してテストの開発体験を向上させる - mizdra's blog
この記事は JavaScript Advent Calendar 2021 の 12日目です。11日目は なかがわはじめ さんの 「Array.prototype.reduce()とかのprototypeってなに？」 でした。 Jest は JavaScript のテスティングフレームワークです。Node.js で動くアプリケーションのテストや、React を使った Web アプリケーションのテストなど、様々なプロジェクトのテストをサポートしています。また、エディタ向けに拡張機能やプラグインも公開されています。 VSCode vscode-jest IntelliJ IDEA https://pleiades.io/help/idea/running-unit-tests-on-jest.html Vim test.vim (各拡張機能のサポート状況によりますが) これらの拡張機能を使うと
【分野別】VSCodeのおすすめ拡張機能まとめ - Qiita
はじめに 今回はVSCodeでおすすめの拡張機能を分野別に紹介していきます。 拡張機能は下記の分野に分けて紹介していきます。 VSCodeを使う全員向け Web制作関連 HTML&CSS関連 WordPress関連 フロント向け JavaScript React Vue サーバーサイド向け PHP Ruby その他 拡張機能を利用することで開発の生産性を上げることができるので、ぜひ参考にしていただければなと思います。 この記事の対象者 プログラミング初心者の人 分野別におすすめの拡張機能を知りたい人 開発の生産性をより上げたい人 VSCodeを使う人全員向け まずはじめにVSCodeで開発をしている人、全員におすすめをしたい拡張機能を紹介しておきます。 自分自身が使った拡張機能の中で「とりあえず入れて損はない」というものを厳選しています。 それでは紹介していきます。 Japanese La
VSCodeでDraw.ioが使えるようになったらしい！ - Qiita
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
TODO.md Kanban Board - Visual Studio Marketplace
Todo Kanban Board Todo Kanban Board manages tasks and save them as TODO.md - a simple plain text file. Features The syntax is compatible with Github Markdown TODO.md file is portable and can be committed with Pull Requests (PRs) to git repositories. Support custom file name, multiple task lists. Checkboxes are optional (if your task titles don't have them). Task title can also have markdown for st
VS Code で矩形選択するキーボードショートカット - s4_ba’s diary
VS Code で矩形選択したくて調べたけどマウス使った Alt + クリック っていうつらいやり方ばっかりヒットしてつらかったです。 キーボードでやりたい病なのでメモ。 Ctrl + Shift + Alt + 矢印キー Ctrl + Shift + Alt + 矢印キー が答えでした。 矢印キー でなく PageUp, PageDown だと1ページ分だけ一気に選択できますが使いづらそう。 ついでに Ctrl + Alt + 上下キー で矩形選択範囲を上下に拡げていけます。 あと、矩形選択って英語で Cursor column select なんですかね。 なんかしっくりこないです。 2018/05/10 追記 マウス派に朗報です。 April 2018 (version 1.23) で middle mouse button（マウスホイールボタンのドラッグ）による矩形選択ができるよう
VS Code Can Do That?
All the best things about VS Code that nobody ever bothered to tell you
VSCodeでなるべくマウスを使わない開発環境をがんばる - Qiita
はじめに 最近，職場の若手が自分も愛用しているVSCodeを使って開発をがんばっています．それに触発されてVSCodeでの開発環境についてまとめたものを書いていきたいと思います．まわりにはターミナル上でEmacsやVimを使ってコードを書いているプログラマも多い環境なので，なるべくマウスを使わずにキーボード操作だけで開発できるようにまとめます． https://code.visualstudio.com やりたいこと 次にあげる内容をキーボード操作で行えるようにするのが目標です． 指定したファイルを素早く開く 関数やクラスなどのシンボルで検索する 定義にジャンプしたり戻ったりする 手軽にC/C++をビルドして，素早くコンパイルエラーの場所を表示する 前提としてがっつり設定などをカスタマイズするというのではなく，初心者向けになるべく簡単に環境を立ち上げられる内容でまとめていきます．またビルド
ターミナルからAtomやVisual Studio Codeを起動する方法【Mac編 決定版】 - Qiita
ターミナルから Atom や Visual Studio Code を起動する方法 ターミナルから特定のディレクトリやファイルを、 Atom と Visual Studio Code から開けるようにする設定方法についてそれぞれ説明します。
Atomを窓から投げ捨てVS Codeを導入してみた - cBlog
Atomユーザーの方には申し訳ないのですが、Atomで500 MBもディスクを消費していることに腹が立って生半可な気持ちで流行のVS Code (Visual Studio Code)に乗り換えてしまいました。Atomに罪はありませんがVS Codeは200 MB以下。256 GBのMacBook Proではつらいんです。次買うときは1 TBモデル買ってやります！ Atomのアンインストール方法 yaritakunai.hatenablog.com とはいえ、気持ちは生半可なので全然カスタマイズできていません。これから追々装備していこうと思います。 関連記事 yaritakunai.hatenablog.com 参考 ぶっちゃけ、こんな記事読むより参考になる記事がたくさんあるのでとりあえずペタペタ貼っておきますねー。 qiita.com qiita.com karaage.hatenadi
やめられない止められない。VSCode。～踏み台越しにファイルを操作する～ | techblog
こんにちは クーコムの大越です。 皆さんプログラミングにはどのエディタを使っていますか？ 弊社、クーコムでは十人十色という言葉にふさわしくみんな別々のエディターを使っておりカオスな状態になっております。 ※eclipseから始まりVimまで。。。 ちなみに僕が初めてプログラム言語に触った時に使ったのが、TeraPadでした。 当時は専門学生で、学校の方針に「手で書いて関数を覚えなさい」という謎方針があったので、補完機能がついているテキストエディタはすべて禁止されておりJavaやC言語などをTeraPadでひたすら書き、毎日構文エラーに悩まさる日々を送っておりました。 そこから社会人となりeclipse、Visual Studio、AndroidStudio、PyCharm、Sublime、Atomなどなど、本当にいろいろなエディターたちとお付き合いさせていただきました。 そして僕は出会った
マルチカーソルを使わないVSCodeはただのVSCodeだ！ - memo.md
Misoca+弥生+ALTOA Advent Calendar 2018の10日目のエントリです。 グッと来るタイトルにしようと思った結果、意味不明になってしまったのは自覚している。許してほしい。 ※解説編について 何やってるかわからんという声を多数頂いたため、解説編を書いた。 よかったら併せてご覧ください。 マルチカーソルを使わないVSCodeはただのVSCodeだ！〜解説編〜 - memo.md 🤔 マルチカーソル？ さて、VSCodeではカーソルを複数作ることができる。 vscode-doc-jp.github.io 簡単な動作例 これはVSCodeに限った機能ではなく、SublimeText, Atom, JetBrains製IDEなどでも似たようなことができる。 昔にSublimeTextを使い始めたころから愛用している機能で、私はこれが無いと生きていけない体になっている。 意
VS CodeとFlaskによるWebアプリ開発「最初の一歩」
VS CodeとFlaskによるWebアプリ開発「最初の一歩」：Visual Studio Codeで始めるPythonプログラミング（1/3 ページ） 連載「Visual Studio Codeで始めるPythonプログラミング」 FlaskはPythonでWebアプリを開発するための「マイクロ」フレームワークだ。今回から数回に分け、Visual Studio Code（以下、VS Code）とこのFlaskを利用して、Webアプリを開発するための基本を見ていこう。なお、本稿ではWindows版のVS CodeとPython 3.6.5を使用する（macOSでも動作を確認した）。 Flaskとは FlaskはWebアプリを開発するための「マイクロ」フレームワークだ。ここで「マイクロ」とは単なる「小規模なフレームワーク」ではなく、「コア機能はシンプル」で「拡張性がある」ことを意味している。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Visual Studio Code完全入門』重版出来記念、全文無料公開キャンペーン - インプレスブックス