Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VS Code Meetup #21 - もう一度知りたい基礎編 - ファイル操作、コーディン...
Search
74th(Atsushi Morimoto)
August 06, 2022
Technology
0
560
VS Code Meetup #21 - もう一度知りたい基礎編 - ファイル操作、コーディングの基本編
Videoの操作一覧のスライド
https://www.youtube.com/watch?v=lHwAOT1M-tE
74th(Atsushi Morimoto)
August 06, 2022
Tweet
Share
More Decks by 74th(Atsushi Morimoto)
See All by 74th(Atsushi Morimoto)
面倒なことはGitHubCopilotにやらせたい…
74th
1
39
『新改訂版VS Code実践ガイド』の 改訂要素からみるVS Codeの進化
74th
4
1.3k
VS Code で開発している API を Postman 拡張機能でデバッグしたい
74th
0
110
Django+Next.jsアプリの VS Codeワークスペース設定作り込み
74th
0
1.4k
PlatformIO で シュッと Arduino 開発を高速化しよう Speed up your Arduino development with PlatformIO!
74th
0
4.6k
VS Codeで実践! Kubernetes上のアプリのデバッグ実行手法
74th
0
440
最強のDev Containerを考える
74th
0
290
ここ半年で私の環境が劇的に変わった拡張機能3選
74th
1
700
VSCode❤YAML
74th
1
770
Other Decks in Technology
See All in Technology
どこよりも遅めなWinActor Ver.7.5.0 新機能紹介
tamai_63
0
200
AIを活用した柔軟かつ効率的な社内リソース検索への取り組み
cygames
0
100
より快適なエラーログ監視を目指して
leveragestech
4
1.4k
やってやろうじゃないかメカアジャイル! / Let's do it, mechanical agile!
psj59129
1
600
Fediverse Discovery Providers overview
andypiper
0
160
Developer Experienceを向上させる基盤づくりの取り組み事例集
coconala_engineer
0
140
プログラム検証入門
riru
6
860
eBPFのこれまでとこれから
yutarohayakawa
9
3.1k
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
260
効果的なオンコール対応と障害対応
ryuichi1208
5
2.9k
実務における脅威モデリングを考えよう
nikinusu
0
440
四国クラウドお遍路 2024 in 高知 エンディング
yukataoka
0
200
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
691
190k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Designing Experiences People Love
moore
138
23k
Become a Pro
speakerdeck
PRO
22
4.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Scaling GitHub
holman
458
140k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Code Review Best Practice
trishagee
62
16k
What's in a price? How to price your products and services
michaelherold
242
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Transcript
Atsushi Morimoto @74th • AIよりのフルスタックエンジニア • VS Code Meetup オーガナイザ
• 自作キーボードに2年くらいはまっている • 著書 技術書典3~12参加 1 Sparrow62 v2(遊舎工房で委託中)
紹介するテクニック - 準備 - ワークスペーストラストの管理で、vscode-book-typescript を消す - スクリーンキャストモードを ON -
ファイル操作 - ワークスペース、フォルダをドロップで開く - ワークスペーストラスト → 信頼する - 上位ディレクトリ単位でも指定できるよ - ファイルの開き方 - (New) ツリーへのフィルタ - 新規ファイル - コマンドパレット - ファイル名 (Windows: Ctrl+P、macOS: Cmd+P) - シンボル検索 (Windows: Ctrl+T、macOS: Cmd+T) 2
紹介するテクニック - タブのファイルの状態 - 一時的に開いた状態: 斜体 → 一時的ではないようにしたいときはダブルクリック or Ctrl+S
、Cmd+S で保存 - 未保存の状態: 丸印 - エラーがある: 赤色 - git の状態: U(untracked), M(modify) とか文字とか色 - タブの分割はドラッグ&ドロップが楽 - ファイルツリー - 設定 files.exclude で node_modules を非表示に - 検索 search.exclude も同様に利用できる 3
紹介するテクニック - エディタ - 定義を開く(Windows/Linux: Ctrl、macOS: Cmd + クリック) or
F12 - 参照しているところ開く - 戻る (Windows: Ctrl+-) - リネーム (F2) - シンボル検索 (Windows: Ctrl+T、macOS: Cmd+T) - アウトライン - パンくずリスト - 問題パネル - コンパイルエラー - クイックフィックス (💡 マーク) 4
紹介するテクニック - よく使うテクニック - なんか変な挙動すると思ったら、コマンド「ウィンドウの再読み込み(Reload Windows)」 - 2 つのファイルをクリックして、ファイルの比較 -
選択範囲の一括置換 → ファイル内検索の「選択範囲を検索」 - ファイルパスの取得 → エクスプローラービューでファイルを右クリックして「パスのコピー」、もしくは Shift 押しながらドロップ - コマンド「無題の新規ファイル(Untitled File)」 5