Visual Studio Code で CLI から今開いている VS Code でフォルダーを開くコマンド - かずきのBlog@hatena
今まで $ code . してたのですが、これだと新しいウィンドウが開いてしまっていました。-r オプションをつけると今あるものを再利用してくれるようです。 さらに --add オプションはワークスペースにフォルダーを追加してくれる。 ということなので、例えば sample1 フォルダーと sample2 フォルダーを作って git init でもした後に、VS Code で同じワークスペースとしてフォルダーを開くには以下のコマンドを打てばいい感じです。 $ mkdir sample1 $ cd sample1 $ git init $ code -r . # 一度画面がリフレッシュされるので VS Code のターミナルを開きなおして $ cd .. $ mkdir sample2 $ cd sample2 $ git init $ code --add . という感じでいいです。やって
Windowsユーザーに贈るLinux超入門(28) Visual Studio CodeとWSLでPython開発に挑戦してみよう
追実験してみよう 前々回、Visual Studio CodeとWSLでLinux向けアプリケーションの開発を行うというテーマを取り上げた。その時は「Take your Linux development experience in Windows to the next level with WSL and Visual Studio Code Remote」を引き合いに出し、いくつかのスクリーンショットを掲載しつつ、実施に動作している様子を紹介した。 しかし、あの内容は開発者であれば追実験できたと思うが、開発者以外では難しかったように思う。 マイクロソフトから類似の記事は随時公開されているのだが、2019年7月22日に公開された次の記事が追実験に適している。ボリュームもそこそこで、初めてセットアップして使ってみるにはいい内容だ。 An In Depth Tutorial on Linu
Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアHub > 記事一覧 > Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 Visual Studio Codeのうれしい機能を使いこなして、初心者を最速で脱出する！《VSCode実践入門》 VSCodeは初版が2015年リリースの新しいエディタですが、インテリセンス、ユーザースニペット、Emmet、マルチカーソル、拡張機能というコーディングにうれしい機能が充実しています。VSCodeを検討中あるいは使いはじめたばかりの若手エンジニアが、いち早く初心者を脱出するための使いこなし方を解説します。 はじめまして、KC（けーしぃ、@kcpoipoi）と申します。技術書典6にサークル参加してたら「キミ、Web執筆に興味ない？？」とお声がけいただきました。Web執筆は初めてなので至らない点があるかもしれませんが、何卒よろしく
PostgreSQL - Visual Studio Marketplace
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. PostgreSQL for Visual Studio Code Welcome to PostgreSQL for Visual Studio Code! An extension for developing PostgreSQL with functionalities including: Connect to PostgreSQL instances Manage connection profiles Connect to a different Postgres instance or database in each tab View object DDL with 'Go to Definition' and
【2018年決定版】Visual Studio Code リソース集 - Qiita
皆さん、こんにちは。戸倉彩です。 今回は、Visual Studio Codeの公式サイトから技術情報、最新情報を収集するのに役立つリソース集をご紹介させていただきます。 Visual Studio Code リンク集 Visual Studio Code 公式サイト (英語) https://code.visualstudio.com/ Visual Studio Code 紹介ビデオ (英語) Visual Studio Codeを紹介する動画がまとまっています。 https://code.visualstudio.com/docs/getstarted/introvideos#VSCode Visual Studio Code ドキュメント (英語) Visual Studio Code のセットアップ方法からユーザーガイド、代表するプログラミング言語 (JavaScript, JS
Visual Studio CodeにPlantUMLを導入して業務効率化を図る | Keep it up!
私の職場では関数の設計資料としてフローチャートを書く文化が根強く残っています。さらには状態遷移図やシーケンス図なども場合によっては必要になります。これらの図を作成するのに、ツールはword,ExcelやVisioなどを使っていますが、ご存じのとおりこれらのツールで作図するのは非常に面倒です(visioは幾分かマシですが)。 word,Excel,Visioでこれらの作図をする時に感じるデメリットは以下の3点です。 何か解決策は無いかなぁと色々と調べていたところ、PlantUMLというツールがあることが分かりました。PlantUMLはテキストからUMLの各種ダイアグラムを生成することが出来るフリーのツールです。 例えば、以下のようなコードを書くと @startuml Foo -> Bar : メッセージ Foo <-- Bar : レスポンス @enduml このような図を生成することが出来
[Visual Studio Code][Windows] PlantUMLの環境を設定する（シンタックスハイライト+リアルタイムプレビュー） - Qiita
最近、Atom から Visual Studio Code (以下 VS Codeと表記）に乗り換えたので、PlantUML環境の作成手順をメモしときます。 環境作成 1. エディタ本体の設定 1.1. VS Code をインストールする 公式ページか VS Code をインストールします。 Visual Studio Code - Code Editing. Redefined 2. PlantUML環境の準備 ※PlantUMLのバイナリは自前で準備する必要はありません（プラグインに同梱されているため） => 最新で任意の plantuml.jar を指定する機能が追加されました。 2.1. Javaのインストール PlantUMLはJavaで動くのでランタイムをインストールします。 java.com: あなたとJava 2.2. Graphvizのインストール PlantUMLはGr
![[Visual Studio Code][Windows] PlantUMLの環境を設定する（シンタックスハイライト+リアルタイムプレビュー） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/269c432d44c754f28cf99e0fd5ef858d0aa2b0ef/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSU1RCU1QldpbmRvd3MlNUQlMjBQbGFudFVNTCVFMyU4MSVBRSVFNyU5MiVCMCVFNSVBMiU4MyVFMyU4MiU5MiVFOCVBOCVBRCVFNSVBRSU5QSVFMyU4MSU5OSVFMyU4MiU4QiVFRiVCQyU4OCVFMyU4MiVCNyVFMyU4MyVCMyVFMyU4MiVCRiVFMyU4MyU4MyVFMyU4MiVBRiVFMyU4MiVCOSVFMyU4MyU4RiVFMyU4MiVBNCVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyU4OCUyQiVFMyU4MyVBQSVFMyU4MiVBMiVFMyU4MyVBQiVFMyU4MiVCRiVFMyU4MiVBNCVFMyU4MyVBMCVFMyU4MyU5NyVFMyU4MyVBQyVFMyU4MyU5MyVFMyU4MyVBNSVFMiU4MCVBNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YzRhODgxNjI5NWRkZGVhMzdkOGY2Zjk0ODU4YzQ0YzY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrb2FyYS1sb2NhbCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MzA1OTEyMGM4ZmYxNTY1ZGRkNzI3OTM1NjFmY2RkMWE%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4g44Oq44OD44Kv44K944OV44OI5qCq5byP5Lya56S-%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D0de31f276b1c4b2ae9e4cdfa83358ce7)
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https://draculatheme.com 2. Material Icon Theme Material Icon Themeを使うと、ファイルアイコンをマテリアルデザインにできま
VisualStudioCodeでPlantUMLを使う – Autumnsky
PlantUMLというUMLのダイアグラム各種を簡単に書けるツールがある。 WordやExcelでフローチャートやらを描いていると、実に面倒である。GUIでクラス図を描いたりするソフトがあるけれども、シーケンス図やアクティビティ図が必要なのだ。で、それを簡単な記法からササッと生成してくれる素敵ツールがPlantUMLである。 シーケンス図の例 例えば、WordPressのテーマを自動デプロイする記事で紹介したような、WordPressのテーマ自動ビルド＆デプロイを自分はこういう手順を仕込んでいる。 GitHubのマスターへのプッシュを起点に… 1. GitHubのマスターへプッシュ 2. GitHubがTravisCIへマスターをプッシュ 3. TravisCIがマスターからプレリリースブランチを切る 4. TravisCIでコードチェックと自動ビルド 5. TravisCIがリリースへプ
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 Tipsは**ここ**から。 拡張機能 24 選 1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出
Visual Studio Code で UML を描こう！ - Qiita
この記事では、Windows 環境に Visual Studio Code と PlantUML をセットアップする手順を説明します。 PlantUML とは PlantUML は、以下のような図をテキストで素早く描くためのオープンソースプロジェクトです。 シーケンス図 / Sequence diagram ユースケース図 / Usecase diagram クラス図 / Class diagram アクティビティ図 / Activity diagram コンポーネント図 / Component diagram 状態遷移図 / State diagram オブジェクト図 / Object diagram 環境 下記の環境で動作確認しました。 Windows 10 Pro (64bit) Visual Studio Code 1.11 Java SE Runtime Environment
VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」に役立つ拡張機能を紹介しました。本記事では、開発者全般の方に役立つ拡張機能を紹介します。 エディターを強化する拡張機能 1. Clipboard Ring テキストを「コピー」や「切り取り（カット）」したものを「貼り付け（ペースト）」する場合に、この拡張機能を入れることで複数件の内容を記憶できます。ctrl+shift+v（⌘+shift+v）を押すごとに過去の情報に切り替えられます。デフォルトでは10件の情報を記憶できますが、設定を変更することで記憶する件数を増やすことも可
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
This domain may be for sale!
VS Codeのファイルアイコンを変更するには
連載「Visual Studio Code TIPS」 Visual Studio Code（以下、VS Code）では、［エクスプローラー］ビューに表示される、ファイルやフォルダのアイコン（以下、ファイルアイコン）を自分の好みに合わせて変更できる。その方法を見ていこう。
どこでも同じ設定でVisualStudioCodeを使う方法 - Qiita
はじめに VisualStudioCodeを使い始めて3ヶ月ほどなのですが、統合ターミナルとかプラグインでの機能追加とか、便利ですよね。 これまでvimを使ってきたんですが、VisualStudioCodeに乗り換えようかなと思い、色々と自分なりに設定を試してみたりしています。 でも、職場の端末で見つけた設定を、家の端末にも反映しないといけないのは面倒くさい。 ということで、どこでも同じ設定を使えるようにしてみました。 想定読者 次の全てに当てはまる人を対象にしています。 複数の端末でVisualStudioCodeを使ってる方。 全部の端末で同じ設定を使いたいなという方。 概要 どこでも同じ設定で使えるようにするためには、settings.json を共有できるようにしましょう。 この記事ではGitHubを使った共有方法を紹介します。 ※ 共有するための拡張機能として Settings
第1回 Visual Studio Codeでデバッグをするための基礎知識
今回は取りあえず、VS Codeが組み込みでサポートしているJavaScriptコードのデバッグ機能を利用しながら、VS Codeのデバッグの基本を見ていこう。 ［デバッグ］ビュー VS Codeでデバッグを行うにはウィンドウ左端のアクティビティーバーで［デバッグ］アイコンをクリックする。すると、サイドバーにデバッグに関連する情報が表示されるようになる（これを［デバッグ］ビューと呼ぶ）。ここからデバッグの構成、デバッグの開始などが行える。また、デバッグ中は変数の値や関数の呼び出し階層（コールスタック）を表示したり、ブレークポイントの有効化／無効化を切り替えたりできる。 （1）の［デバッグ］アイコンをクリックすると、（2）の［デバッグ］ビューが表示される。（3）の［デバッグの開始］ボタンをクリックすると、（4）に示された構成でデバッグが開始される（上の画像はデバッグ用の構成が行われていない状
Visual Studio Codeで自由自在にUMLを描こう - かずきのBlog@hatena
追記 私の作ったプラグインよりも、かなり出来がよさそうなものがリリースされています。 そちらを使ったほうが幸せそうです。 marketplace.visualstudio.com 本文 先日PlantUMLというテキストでUMLを描くためのツールのVisual Studio Codeのプラグインを作りました。 テキストをぱちぱち書きながら、プレビューを確認できるツールです。 ということで、PlantUML + Visual Studio CodeでUMLを描く方法を書いていきたいと思います。 インストール PlantUML PlantUMLのサイトからplantuml.jarをダウンロードして任意の場所においてください。 plantuml.com Graphviz PlantUMLが内部で使ってるツールです。 Graphviz - Graph Visualization Software
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code for Java: The Ultimate Guide 2019 - DZone
File Tree Generator を公開【Visual Studio Code 拡張機能】 - Qiita
たるこす / Yusuke Furuta on Twitter: "VS Code の拡張の 「hexdump for VSCode」がめっちゃ便利だった。 マウスカーソルを合わせるとそこから先の数バイトを Int とか Float とかとして読んだ場合の値を表示してくれる https://t.co/vSF5vC8GTw"
