[B! VSCode] h1saoのブックマーク

VS Code の使い始めに入れておくと便利な拡張機能 10 選

はじめにこの記事では、IT エンジニアである/ないに関係なく、Visual Studio Code (以下、VS Code) をこれから初めて使い始める人が、最初に入れておくと後々便利になるだろうと思われる拡張機能を紹介しています。拡張機能 (Extension) とは、サードパーティー製の追加機能のようなものであり、誰でも自由に開発・公開することができるようになっているものです。VS Code は無償で提供されているテキストエディタですが、それだけでは不便というユーザーの悩みを解消してくれるものです。 (という立ち位置で存在していた当初でしたが、最近は標準機能のみでも最早テキストエディタという範疇を超えている気がしなくもないです) まだ拡張機能を使い始められていない/使いこなせていないという方は、是非この記事を参考に、VS Code の拡張機能を使い始めるきっかけにしてもらえれば幸い

h1sao 2021/04/06

リンク

Web制作者必見！ VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptのコードを書く時に便利

Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるVS Codeの機能拡張の巨大なライブラリがあることです。その中から、HTMLやCSSやJavaScriptのコードを書く時に便利なVS Codeの機能拡張を紹介します。 My 12 Favorite VSCode Extensions by Katherine Peterson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 VS Codeとは VS Codeの機能拡張 VS Codeのおすすめ機能拡張 VS Codeとは VS Code(Visual Studio Code)は、Microsoftが提供する統合ツールを備えた強力で軽量なコードエディタです。MITライセンスで、商用でも完全に無料

h1sao 2021/03/05

リンク

VSCodeの秘伝のワザを大公開！ | DevelopersIO

こんにちは！CX事業本部の片岡です。エディタ戦争が終息して5年たった今、無血革命と呼ばれたVisual Studio Codeをご存知でしょうか？皆様ご愛用のことと存じます。そんなVisual Studio Codeの便利なショートカットと拡張機能を紹介します！よく使うショートカットの紹介拡張機能「Sublime Text Keymap and Settings Importer」をインストール前提の話です。 https://marketplace.visualstudio.com/it ems?it emName=ms-vscode.sublime-keybindings 編集時によく使うショートカット文字選択 Command + D ：文字を選択（入力するたび選択中の文字を複数選択できます） Command + U ：文字選択のUndo（選択前に一つ戻ります） Command +

h1sao 2020/06/30

リンク

[VS Code Python拡張] データサイエンスチュートリアルをやりながらVS CodeでのJupyter Notebookの使い方をマスターする | DevelopersIO

こんにちは、Mr.Moです。下記の記事を見てVS CodeのPython拡張でJupyter Notebookが使えることを知り便利そうだなーとしばらく直感的に使っていましたが、そろそろちゃんと使いこなしたいので用意されているデータサイエンスチュートリアルを参考にしならが使い方をマスターしていきたいと思います！ Visual Studio CodeでJupyter Notebookを動かしてみたデータサイエンスチュートリアルとは VS Codeの公式ページあるチュートリアルです。March 2020 (version 1.44)のアップデートで公開されたようですね。 https://code.visualstudio.com/docs/python/data-science-tutorial チュートリアルを参考にしながら使い方を確認していくさっそくチュートリアルを進めていきます。あ

h1sao 2020/04/18

リンク

「Visual Studio Code」に日本語テキストの校正機能を追加する拡張機能「テキスト校正くん」／「Visual Studio Code」でドキュメントもブログも書いてしまう人に是非お勧め【レビュー】

h1sao 2020/04/18

リンク

VSCodeVimの設定を見直す

久しぶりにVSCode Vimの設定を見直してみました。そこから得た知見の一部をVimの設定にも反映させました。 Table of Contents 経緯ツールによらないキーバインド統一化を目指す過程で、VSCodeのキーバインドを見直し始めたのがきっかけです。以前からモヤモヤしていたVSCode Vimに関する設定も整理しようと思って始めました。ツールによらないキーバインド統一化普通、キーバインドはツールごとに異なります。ある程度統一されている部分もありますが、細かな違いが脳のコンテキストスイッチの切り替えコストを増大させます。全てのツールで同じキーバインドを実現することにより、それらの問題を解決するプロジェクトです。まだ実行には至りませんが、2019年中に完成させたいと思っています。以下のようにとても人気があり、私にとってもVSCodeを使う上で欠かせない拡張機能です。

h1sao 2020/04/18

リンク

VS Codeでターミナルやエディター、エクスプローラー間の移動を楽にする - notebook

VS Code でなるべくマウスを触らない設定 - notebook swfz.hatena blog.com の続きですショートカットの設定ではターミナル↔エディターなど特定のコンポーネント間の移動だけしか設定できなかったのでショートカット結構覚えないといけないかなーと思っていたのですがそんなことはなかったです。デフォルトでそれぞれの領域に移動できるショートカットが用意されていました Ctrl + q で一覧が出てくるのでそれだけで移動できます便利ですね VSCode Vim,Postmanの拡張を入れていたのでその設定とかぶっているので試してみても動作しなかったのですがショートカット設定を見直してみたら競合していたので該当の設定を消してあげれば移動ができるようになりました { "key": "ctrl+q", "command": "-extension.vim_winCtrlQ",

h1sao 2019/03/04

リンク

これでprintデバッグから卒業！VS CodeでPythonデバッグ入門 - karaage. [からあげ]

追記：VS Codeの入門書をZennでリリースしましたブログで扱ったVS Code関連の記事をまとめて、無料の電子書籍としてZennというプラットフォームでリリースしました。よければ、こちらも参考にしてみてください。 printデバッグから卒業したい！プログラムを書いて問題があったとき必要なのがデバッグですね。私はいつも問題が起こったとき、問題ありそうなところで print(ほにゃらら)として、気になるものを一つずつ中身を確認していました。デバッガという言葉は知っていて、何度か試したことはあるのですが、いちいちコマンドを打つのが大変で、次にデバッグが必要なときは既にデバッガの使い方を忘れてしまい、結局また1からprintデバッグをするという体たらくでした。しかし、いい加減もうちょっとレベルアップしないといけないと思い立ったのと、VS Codeというエディタを使いこなすと結構楽にデ

h1sao 2019/02/20

リンク

はてなブックマーク

タグ

関連タグで絞り込む (11)

VSCodeに関するh1saoのブックマーク (8)

お知らせ

今週のはてなブックマーク数ランキング（2025年2月第3週）

今週のはてなブックマーク数ランキング（2025年2月第2週）

月間はてなブックマーク数ランキング（2025年1月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス