Vue - Official - Visual Studio Marketplace
Vue - Official Quick Start create-vue Vitesse petite volar-starter (For bug report and experiment features testing) Insiders Program 🚀 This project is community-driven. If you would like to support this project, consider joining the Insiders Program to improve the sustainability of this project and unlock more features. Sponsors Become a sponsor Credits vscode-extension-samples shows all the know
Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場
Web版VSCodeがDockerコンテナをWASM環境で起動、Webブラウザ内ローカルマシンとして利用可能に。拡張機能「vscode-container-wasm」登場 WindowsやMacなどのデスクトップPCでVisual Studio Code（以下VSCode）を利用して開発をする場合、同じローカルマシン上でDockerコンテナのLinux環境を起動し、VSCodeのターミナルで接続して操作することは、開発環境としてよくあることだと思います。 これと同じことをWebブラウザ版のVSCodeでも実現する、すなわちWeb版VSCodeが同一Webブラウザ上にWebAssembly化したDockerコンテナを起動し、Web版VSCodeからローカルマシンとして接続し利用できる、実験的実装を実現したVSCodeの拡張機能「vscode-container-wasm」が登場しました。 V
launch.jsonのすゝめ
はじめに ReactやNext.jsでのアプリケーションを VSCodeで簡単にデバッグできる方法がないか調べていたところ、 launch.json というファイルの存在を知りました。 使ってみると中々に便利だったので、 設定方法などのメモを記事にさせていただきます。 launch.jsonとは？ launch.json はデバッグ時の構成や設定を記述した設定ファイルです。 .vscode フォルダ配下に配置することで、簡単にデバッグを行えるようになります。 Reactのデバッグ Reactのデバッグには、まず .vscode/tasks.json を作成し、 下記のように記述します。 { "version": "2.0.0", "tasks": [ { "type": "shell", "command": "yarn run start", // package.jsonの起動したいs
VSCodeのGit連携をさらに便利に！ 拡張機能Git History、Git Graph、GitLensを解説
第8回は、前回の続きとして、GitHubとの連携機能、連携を強化するGit History、Git Graph、GitLensといった拡張機能を紹介し、GitHub上でワンストロークでオンライン版VSCodeを呼び出せるGitHub Codespacesについても紹介します。 はじめに Microsoftの提供するVisual Studio Code（VSCode）は、2015年の最初のリリースから、今では開発用エディタの定番の座を占めるまでになりました。これには、無償で使えることも大きいですが、何よりエディタとしての使いやすさ、そしてさまざまな拡張機能によっていくらでも使い勝手を向上させたり、利用の領域を拡げたりすることも大きいでしょう。本連載では、このVSCodeにフォーカスし、基本的な使い方から拡張機能の活用、そして本格的な開発現場での利用を想定した高度な機能までを紹介していくことで
主にVSCodeではじめるPython開発環境構築ガイド | DevelopersIO
ファイル比較 VSCodeのエクスプローラで、ファイル２つを選択して右クリックメニューから「選択項目を比較」で比較することができます。 また右クリックで、「比較対象の選択」をした後に「選択項目を比較」でも比較することも可能です。 VSCodeのSnippetの使い方 VSCodeのSnippetも便利です。似たような構造のクラスを実装する場合などや、プロジェクト共通で使いがちな書き方というものをSnippetに登録して、効率化することができます。 また、変数を持たせておくこともできます。この場合、Snippetを呼び出した後に変数部分にカーソルがあたるので、そこで変数部分をタイピングできます。 詳細は以下のリンクをご覧ください。 Visual Studio Codeに定型文（スニペット）を登録する方法 VSCodeのUser Snippetを活用しよう！ また後述するSnippet Gen
VS Codeで配色テーマをカスタマイズするには：Visual Studio Code TIPS - ＠IT
連載「Visual Studio Code TIPS」 Visual Studio Code（以下、VS Code）では配色テーマを指定することで、自分の好みに合った配色でVS Codeを使えるようになる。また、配色テーマそのままではなく、さらにそれをカスタマイズすることも可能だ。本稿では、選択範囲のハイライト色（背景色）を例に、配色テーマをカスタマイズする方法を示す。
「GitHub Actions extension for VS Code」パブリックベータ公開。VSCodeからワークフローの実行と監視、管理が可能に
「GitHub Actions extension for VS Code」パブリックベータ公開。VSCodeからワークフローの実行と監視、管理が可能に GitHubは、Visual Studio Codeの拡張機能としてGitHub Actionsによるワークフローの実行や監視、管理を可能にする「GitHub Actions extension for VS Code」のパブリックベータ公開を発表しました。 GitHub Actions extension for VS Codeを使うことで、VSCodeの画面上からGitHubのActionを実行し、ビルドやデプロイなどの状態を監視できるようになります。 問題が発生した場合にはログの参照も可能。
［速報］GitHub Codespacesが全ユーザーに無料提供へ、毎月60時間分。JetBrainsとJupyterLabもIDEとして選択可能に
［速報］GitHub Codespacesが全ユーザーに無料提供へ、毎月60時間分。JetBrainsとJupyterLabもIDEとして選択可能に GitHubは年次イベント「GitHub Universe 2022」の基調講演で、これまで有料プランのGitHub TeamとGitHub Enterpriseのユーザーに対して提供していた「GitHub Codespaces」を、無料プランの個人ユーザーにも毎月60時間まで無料で提供することを発表しました。 We’re here to help you push what’s possible: Starting today, we’re rolling out GitHub Codespaces for all, with access to 60 hours of GitHub Codespaces free(!) every mon
VSCodeをメインのエディタにして半年たったので入れてある拡張機能を紹介します - 海波パソコン
VSCodeの画面編集という仕事柄、テキストエディタは毎日触る大事な仕事道具です。仕事の内容にあわせて設定などを変えると非常に捗ります。しかし、日本語を書きながら同時にはてな記法やらMarkdownやらCSSやらを書くという環境のため、なかなかテキストエディタのデフォルトの設定では痛し痒しといったところで、それなりにカスタマイズをしないといい感じになりません。 半年前に、それまでかなり長いこと使ってきた秀丸エディタからVSCodeに乗り換えてみたら、案外日本語をあれこれ書いたり編集したりするのにいい案配にすることができました。そこでなんとなくなじんだ今のカスタマイズ方法を書き残しておこうと思い立ちました。たぶんもっともっと拡張機能で便利にできるはずなので、ドラクエでいう「ひのきのぼうからこんぼうにそうびを変えた」くらいの気持ちで見ていただけるとうれしいです。 テーマ アイキャッチにしたのは
VSCode&Docker Volumeにおけるnode_modules問題を解決する
Dockerでnodejs環境を構築するとき、node_modulesの扱いにはいくつかの嵌りポイントがあったので、それらの対抗策を考えてみました🐚 .dockerignoreでnode_modulesがイメージにコピーされないようにする Volume Trickでnode_modulesがバインドマウントされるのを回避する VSCodeでnode_modulesを参照できない問題を解決する 今回は例として、nest.jsを使っていますが、他のプロジェクトでも基本は同じです！ .dockerignoreでnode_modulesがイメージにコピーされないようにする まず、node_modulesはDockerイメージにホストからコピーしてはいけません。node_modulesはgitでも無視するはずなので、新しく環境構築する人のディレクトリにはそもそも入ってませんし、イメージをリビルドす
Developing inside a Container using Visual Studio Code Remote Development
Version 1.89 is now available! Read about the new features and fixes from April. The Visual Studio Code Dev Containers extension lets you use a container as a full-featured development environment. It allows you to open any folder inside (or mounted into) a container and take advantage of Visual Studio Code's full feature set. A devcontainer.json file in your project tells VS Code how to access (o
Working with containers in Visual Studio Code
Version 1.89 is now available! Read about the new features and fixes from April. Advanced container configuration The articles in this section cover advanced container configuration when working with the Visual Studio Code Dev Containers extension. Working with containers The Visual Studio Code Dev Containers extension lets you use a Docker container as a full-featured development environment. It
WSL2+Docker+VSCodeの開発環境構築とPythonでWebアプリを試すまで
Windowsユーザーの皆さん、手軽にLinux環境で開発したいですよね！そんなときWSL2やコンテナが選択肢に上がるでしょう。VSCodeのRemote Development機能を使い、どちらも試してみました。Windows・WSL・コンテナを使い分けつつ、VSCodeで快適に開発ができるようになります！ おおまかな流れ 【準備編】WSL2の有効化と拡張機能のインストール 【WSL編】VSCodeからWSL2にリモート接続する 【コンテナ編】Dockerのインストール 【コンテナ編】VSCodeからDockerコンテナにリモート接続する 【コンテナ編】コンテナでWebサーバーを立て、ブラウザからアクセスする ※ 筆者の環境は Windows10 Home 21H1 です。Windows10 Pro/Enterpriseとは手順が異なるかもしれません。
VSCode＋WSL2＋Dockerでコンテナ環境へ接続してみた | DevelopersIO
はじめに アノテーションの髙嶋です。 私は業務の一環としてプログラムを書いていますが、最近ではコーディング/テストの環境はコンテナを使用して構築しています。 コンテナを使うことで、アプリケーションごとに必要な環境を、それぞれ分けて構築することができるためです。 今回はVisual Studio CodeからDockerのコンテナを起動し、接続するまでの手順を記載しています。 前提条件 実行に必要なアプリケーションはすべてインストール済みの前提としています。 今回の実行環境は下記です。 OS：Windows 10 Pro(20H2) Visual Studio Code：1.56.2 (以降、VSCodeと記述) ※拡張機能として「Remote-WSL」と「Remote-Containers」を使用 Docker：20.10.6 Docker Compose：1.29.1 WSL2：Ubun
VscodeでPythonを始めるなら知っておきたい単語 - Qiita
あらすじ Pythonをvscodeで始めるにあたって、知っておくといい単語を集めました。 vscodeの設定項目の中に登場するものたちです。 Pyright https://microsoft.github.io/pyright/ 黄鉄鉱(pyrite)を意味し、大規模開発での利用にも耐える高速型チェッカー。 Pyrightはあくまでも型に関連する機能を提供するツールであり、シンタックスハイライトなどは含まれません。 VSCodeやNeovimにはデフォルトでPython用シンタックスハイライトが組み込まれていますが、 NeovimなどではTreesitterなどを使う、VSCodeではPylanceを利用するなど、 よりリッチな開発体験を得る工夫をすることが出来ます。 Pylance https://marketplace.visualstudio.com/items?itemName
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vuejs/vetur: Vue tooling for VS Code.
VSCode の Vim モードをオフにするなら toggleVim コマンド - Qiita
VSCodeを使う人におすすめの解説書！ Web制作の効率アップにつながる操作方法を詳しく解説 -Visual Studio Code完全入門
WSL2のためにIntellijからVSCodeへ移行しようとした - mkizka/scrapbox
WSL2とDockerとVSCodeのRemote Containersで最高の開発環境をつくる｜はやぶさの技術ノート
