Membawa anda memahami [Kawalan Angkasa] dalam vscode
Selamat datang ke dunia vscode Matlamat artikel ini adalah untuk mempopularkan beberapa konsep reka bentuk tentang [ruang kawalan] dalam vscode adalah terhad, tetapi maklumat tidak terhad, sama seperti kami Semasa menulis halaman, anda mesti mempertimbangkan bahagian tengah halaman dan penempatan ruang sebenarnya adalah aplikasi, dan ruang antara mukanya juga terhad. Jadi apakah kawasan ini? Bagaimana mereka bekerjasama? [Pembelajaran yang disyorkan: "tutorial vscode"]
Isi utama artikel ini boleh dikatakan sebagai petua, tetapi saya seorang yang sangat malas, saya tidak suka menghafal dengan ingat, saya suka ingat apabila saya perlu Mencari sambungan dalaman antara kandungan, dan kemudian menggunakan logik untuk mengikat mereka bersama-sama, ini memberi saya keseronokan yang tidak dapat digambarkan ini mungkin tidak sesuai untuk banyak industri, tetapi dalam bidang komputer , ia benar-benar kaedah yang saya secara peribadi sangat mengesyorkan Alasannya mudah: komputer adalah dunia yang dibina sepenuhnya oleh manusia!
Ini bermakna jika anda boleh memahami pemikiran pereka, reka bentuk banyak perkara akan menjadi logik. Satu lagi faedah yang berpotensi ialah kita mula berfikir seperti orang baik itu, yang penting.
Saya telah banyak bercakap, mari kita kembali kepada intipati, mari kita mulakan!
gambaran keseluruhan kawasan vskod
Mengambil gambar di atas sebagai contoh, kawasan biasa dan biasa kami gunakan dan fungsi yang sepadan Secara kasarnya adalah seperti berikut
Direktori kerja: Maklumat direktori projek yang sedang diproses
Panel arahan: Menyediakan panel yang menyokong tindakan vscode sepadan yang ditimbulkan melalui arahan
Kawasan penyuntingan: kawasan untuk menukar kandungan projek semasa, dengan konsep seperti kumpulan penyuntingan
-
Kawasan terminal: menyediakan cara untuk membenamkan kawasan terminal dalam vscode Langsung laksanakan arahan terminal dalam win, lalainya ialah
power shell
; ia boleh dikonfigurasikan sebagai bashMengetahui kewujudan kawasan teras ini, seterusnya, kita mula menganalisis satu persatu
Kawasan edit
Kawasan editor adalah kawasan paling kritikal, kerana ia adalah pintu masuk ke kawalan langsung projek kami Konsep reka bentuk operasi fail biasa sebenarnya adalah untuk Operasi kursor telah dikongsi dalam artikel Operasi Kursor, jadi saya tidak akan masuk ke dalam. Perincian. Rakan-rakan yang berminat boleh lihat;
Fokus artikel ini adalah pada peruntukan ruang, editor Kawasan dipaparkan secara lalai dan menduduki kawasan terbesar, keperluan utama adalah seperti berikut
- Cara menukar antara berbilang fail terbuka
- Cara menukar berbilang fail pada masa yang sama Lihat kandungan yang sepadan
Untuk yang pertama soalan, ia boleh dicapai melalui jenis kekunci pintasan; untuk soalan kedua, konsep kumpulan editor dicadangkan dalam vscode, dan kawasan penyuntingan boleh dibahagikan kepada lima kawasan, bebas antara satu sama lain.
Jika anda telah membaca artikel Operasi Kursor, anda akan tahu bahawa saya menggunakan perspektif [granularity] untuk memahami tetapan kursor Malah, kawalan spatial juga boleh difahami dari perspektif ini . Bagaimana cara memahaminya secara khusus? 🎜> Mari kita lihat dahulu Tetapan kekunci pintasan lalai
Pilih
dalam senarai fail yang sedang dibuka untuk beralih kepada yang sebelumnya/seterusnya dalam fail semasa
Pelaksanaan arahan
Malah, anda juga boleh menggunakan arahan untuk melaksanakan
Kami Fikirkan, untuk jenis arahan yang sama dalam mac, mengapa [pilih dalam senarai] ialah kekunci ctrl
dan [bertukar ke sebelumnya/seterusnya dalam fail semasa] ialah kekunci cmd
masuk; Sebenarnya, kuncinya ialah dalam sistem mac Terdapat juga kekunci pintasan cmd 方向键
, yang digunakan untuk menukar tetingkap skrin penuh
Ini adalah yang paling mudah difahami lapisan ini, kita boleh menggunakan otak kita. Bolehkah kita menggunakan artikel sebelumnya. Bagaimana dengan [Kekunci pintasan tersuai] yang disebutkan dalam artikel untuk menyatukannya?
Sudah tentu, kami akan menambah tetapan: jika ia bercanggah dengan kunci sistem, kami akan menambah kunci options
ini [beralih ke sebelumnya/seterusnya dalam fail semasa] sebagai contoh, kami ctrl
masih digunakan, tetapi untuk mengelakkan konflik, ia ditukar kepada kunci ctrl options
Selepas penyesuaian, logik boleh difahami sebagai, butiran fail dalam editor ialah ctrl, seperti ctrl ←
ialah menukar tetingkap, maka satu-satunya cara untuk menukar fail terbuka ialah ctrl option ←
; jika cmd 0
ialah Focus into side Bar | 聚焦于侧边栏
, maka satu-satunya cara untuk menukar arah kumpulan editor ialah cmd option 0
;
命令 | mac | win |
---|---|---|
在当前打开文件列表中选择 | ctrl tab | ctrl tab |
切换为当前文件中的下一个 | Open Previous Editor | cmd option ← (自定义了 ctrl option ← ) | |
切换为当前文件中的上一个 | Open Next Editor | cmd option →(自定义了 ctrl option → ) |
Cara untuk melihat kandungan berbilang fail yang sepadan dalam kawasan penyuntingan pada masa yang sama: Kumpulan editor
Untuk sekeping kandungan yang besar dalam kawasan editor, jika anda ingin melihat berbilang proses pada masa yang sama fail, kemudian bahagikannya Ini membawa kepada konsep kumpulan editor, yang sebenarnya dibahagikan kepada fungsi adalah betul-betul sama. Lihat sahaja kes itu secara langsung
Untuk memahami ruang kumpulan editor, dalam ayat yang sama, butiran kumpulan editor ialah cmd
, dan gambaran keseluruhan arahan yang sepadan adalah seperti berikut;
Togol arah kumpulan editor
命令 | mac | win |
---|---|---|
Split Editor | 拆分编辑器 | Cmd | Ctrl |
Split switch | 切换编辑器组中的当前编辑器 | Cmd [组数] | Ctrl [组数] |
Flip Editor Group Layout | 切换垂直/水平编辑器布局 | Cmd Option 0 | Shift Alt 0 |
Susun atur lalai editor antara kumpulan editor adalah mendatar
Fail kawalan kumpulan editor
Kami tahu fungsi sokongan kumpulan editor itu sendiri, dan butirannya lebih Untuk lebih spesifik, bagaimana pula dengan sokongan kumpulan editor untuk fail? Kebutiran fail dalam kumpulan editor ialah cmd ctrl
命令 | mac | win |
---|---|---|
Move Editor into Previous Group | 将当前文件移动到上一个编辑器 | cmd ctrl ← | ctrl tab |
Move Editor into Next Group | 将当前文件移动到下一个编辑器 | cmd ctrl ← |
Tukar fail yang sedang diproses
命令 | mac | win |
---|---|---|
在当前打开文件列表中选择 | ctrl tab | ctrl tab |
切换为当前文件中的下一个 | Open Previous Editor | cmd option ← (自定义了 ctrl option ← ) | |
切换为当前文件中的上一个 | Open Next Editor | cmd option →(自定义了 ctrl option → ) |
Alihkan fail semasa ke kiri dan kanan mengedit item kumpulan dalam editor
命令 | mac | win |
---|---|---|
Move Editor into Previous Group | 将当前文件移动到上一个编辑器 | cmd ctrl ← | ctrl tab |
Move Editor into Next Group | 将当前文件移动到下一个编辑器 | cmd ctrl ← |
Kawasan panel arahan
Panel arahan sebenarnya ialah kotak input, menggunakan mod strategi dan gelagat dikelaskan mengikut pengecam awalan.
vscode menetapkan konsep simbol, yang bermaksud koleksi pembolehubah, fungsi, panggilan, dsb.
Malah, ia boleh dibahagikan secara kasar kepada dua kategori, logo khas dan watak istimewa Pembezaan ini akan memudahkan untuk diingati.
Bahagian perintah: pengecam khas
特殊标识 | 对应策略 | 快捷键 for Mac | 快捷键 for win |
---|---|---|---|
空 | 根据文件名进行模糊查询 | cmd p | |
? | 获取有关可进行的操作的帮助 | ||
执行命令 | cmd shift p | ||
[filename?]:[rowIndex] | 定位行号(不指定文件名那就是当前打开的文件) | ctrl g | ctrl g |
@[:?] | 模糊查询当前文件符号,不填默认展示所有(如果加上:会分类展示) | Cmd Shift O | Ctrl Shift O |
# | 模糊查询当前打开的文件列表中的符号 ,不填默认为空 | cmd T |
Bahagian arahan: aksara khas
Aksara khas memerlukan ruang strategi yang sepadan akan dicetuskan. Sangat mudah untuk mempunyai tetapan sedemikian Jika anda tidak menambah ruang, ia akan secara langsung sepadan dengan strategi carian [nama fail] sebelumnya
特殊字符 | 源单词 | 对应策略 |
---|---|
edt [active?] | edit | 显示所有已经打开的文件,加active 则只会显示当前活动组中的文件 |
ext [install?] | extension | 获取有关可进行的操作的帮助,加install 则可以在命令面板中搜索和安装插件 |
task | 执行任务 |
debug | 执行调试 |
term | terminal | 创建和管理终端实例 |
view | 打开 VS Code 的各个 UI 组件 |
Suapan lanjutan
Berdasarkan panel arahan, sebenarnya terdapat satu set menyusun fungsi carian dalam vscode Disebabkan oleh keterbatasan ruang, ia akan diterangkan dalam artikel pendek (artikel alat) dalam artikel seterusnya ) muncul dalam bentuk
Kawasan terminal
ialah lebih mudah difahami, ia sebenarnya adalah beberapa arahan
命令 | mac | win |
---|---|---|
唤起终端 | toggle terminal | ctrl 飘 | ctrl 飘 |
已唤起状态下新建终端 | create new intergrate terminal | ctrl shift 飘 | ctrl shift 飘 |
聚焦于终端 | Focus into panel | 自定义为 cmd 3 | |
聚焦于下一终端 | Focus Next Terminal | 自定义为 cmd shift → | |
聚焦于上一终端 | Focus Previous Terminal | 自定义为 cmd shift ← |
Buat terminal baharu dalam keadaan terjaga
Fokus pada terminal
Fokus pada terminal sebelumnya/seterusnya
Kawasan bar sisi
Ringkasan
命令 | mac | win |
---|---|---|
展示/隐藏侧边栏 | Cmd B | Ctrl B |
Untuk pengetahuan lanjut tentang VSCode, sila layari:
tutorial asas vscode!
Atas ialah kandungan terperinci Membawa anda memahami [Kawalan Angkasa] dalam vscode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Keperluan Sistem Kod Vs: Sistem Operasi: Windows 10 dan ke atas, MACOS 10.12 dan ke atas, pemproses pengedaran Linux: minimum 1.6 GHz, disyorkan 2.0 GHz dan ke atas memori: minimum 512 MB, disyorkan 4 GB dan ke atas ruang penyimpanan: minimum 250 mb, disyorkan 1 GB dan di atas keperluan lain:

Bagaimana untuk menentukan fail header menggunakan kod Visual Studio? Buat fail header dan mengisytiharkan simbol dalam fail header menggunakan nama sufiks .h atau .hpp (seperti kelas, fungsi, pembolehubah) menyusun program menggunakan arahan #include untuk memasukkan fail header dalam fail sumber. Fail header akan dimasukkan dan simbol yang diisytiharkan tersedia.

Terdapat dua cara untuk menubuhkan bahasa Cina dalam Kod Visual Studio: 1. Pasang pakej bahasa Cina; 2. Ubah suai tetapan "locale" dalam fail konfigurasi. Pastikan versi kod Visual Studio adalah 1.17 atau lebih tinggi.

VS kod satu langkah/langkah seterusnya langkah pintas: satu langkah (mundur): Windows/Linux: Ctrl ←; MacOS: CMD ← Langkah seterusnya (ke hadapan): Windows/Linux: Ctrl →; MACOS: CMD →

Melaksanakan kod dalam kod VS hanya mengambil enam langkah: 1. Buka projek; 2. Buat dan tulis fail kod; 3. Buka terminal; 4. Navigasi ke direktori projek; 5. Melaksanakan kod dengan arahan yang sesuai; 6. Lihat output.

Perintah untuk memulakan projek front-end di vscode adalah kod. Langkah -langkah khusus termasuk: Buka folder projek. Mula vscode. Buka projek. Masukkan kod arahan permulaan. Dalam panel terminal. Tekan Enter untuk memulakan projek.

Untuk mengaktifkan dan menetapkan vscode, ikuti langkah -langkah ini: Pasang dan mulakan vscode. Keutamaan tersuai termasuk tema, fon, ruang, dan pemformatan kod. Pasang sambungan untuk meningkatkan ciri seperti plugin, tema, dan alat. Buat projek atau buka projek yang sedia ada. Gunakan Intellisense untuk mendapatkan arahan dan penyelesaian kod. Debug kod untuk melangkah melalui kod, tetapkan titik putus, dan periksa pembolehubah. Sambungkan sistem kawalan versi untuk menguruskan perubahan dan kod komit.

VSCode ditulis dalam TypeScript dan JavaScript. Pertama, asas kod terasnya ditulis dalam TypeScript, bahasa pengaturcaraan sumber terbuka yang memanjangkan JavaScript dan menambah keupayaan pemeriksaan jenis. Kedua, beberapa sambungan dan pemalam vscode ditulis dalam JavaScript. Gabungan ini menjadikan VSCode sebagai editor kod yang fleksibel dan boleh diperluas.
