Rumah > alat pembangunan > VSCode > teks badan

19 pemalam pembangunan vscode praktikal untuk dikongsi

青灯夜游
Lepaskan: 2022-09-19 20:14:03
ke hadapan
3741 orang telah melayarinya

Jika seorang pekerja ingin menjalankan tugasnya dengan baik, dia mesti mengasah alatannya terlebih dahulu. Artikel ini akan meringkaskan dan berkongsi dengan anda 19 pemalam vscode yang saya gunakan dalam pembangunan. Saya harap ia akan membantu semua orang!

19 pemalam pembangunan vscode praktikal untuk dikongsi

1: Pek Bahasa Cina (Mudah) Pemalam Bahasa Cina

Pek Bahasa Cina (Mudah) untuk Kod VS

Pek bahasa Cina (Ringkas) ini menyediakan antara muka setempat untuk Kod VS. [Pembelajaran yang disyorkan: "tutorial pengenalan vscode"]

Bagi orang seperti saya yang berbahasa Inggeris biasa, pemalam ini sangat mesra.

19 pemalam pembangunan vscode praktikal untuk dikongsi

2: Code Runner Code Runner

Jalankan coretan kod atau fail kod dalam pelbagai bahasa: C, C, Java , JavaScript , PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (. NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal , Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA dan perintah tersuai

19 pemalam pembangunan vscode praktikal untuk dikongsi

Perkara ini betul pada masa ini Saya belum banyak digunakan lagi .

3: Penyahpepijat untuk Kod VS Chrome - Penyahpepijat Chrome

Pelanjutan Kod VS untuk penyahpepijatan dalam Google Chrome atau sasaran lain yang menyokong kod JavaScript protokol Chrome DevTools.

Dalam erti kata lain, benda ni boleh tergendala. Selepas memasang PHP debug, anda boleh debug PHP.

19 pemalam pembangunan vscode praktikal untuk dikongsi

4: Penyahpepijat untuk penyahpepijat pelayar Firefox Firefox

Sama seperti di atas, ia mempunyai fungsi yang sama seperti palam Google Chrome- dalam.

19 pemalam pembangunan vscode praktikal untuk dikongsi

5: Pemalam pengesanan kod ESLint js

ESlint mengambil alih gesaan js asli dan boleh menyesuaikan peraturan segera; >

19 pemalam pembangunan vscode praktikal untuk dikongsi

6: saiz fail

Pemalam yang memaparkan saiz fail di sudut kiri bawah

19 pemalam pembangunan vscode praktikal untuk dikongsi

7: IntelliSense untuk nama kelas CSS dalam HTML

IntelliSense untuk nama kelas CSS dalam HTML.

19 pemalam pembangunan vscode praktikal untuk dikongsi

8: Tema Ikon Bahan

Ini ialah pustaka ikon yang menetapkan ikon berbeza untuk pelbagai jenis fail dan folder

19 pemalam pembangunan vscode praktikal untuk dikongsi

9: buka dalam penyemak imbas

Buka fail dalam penyemak imbas untuk menyahpepijat fail html bahagian hadapan

19 pemalam pembangunan vscode praktikal untuk dikongsi

9-19 pemalam pembangunan vscode praktikal untuk dikongsi

10: Perbezaan Separa

Anda boleh membandingkan teks dalam fail, antara fail berbeza atau pada papan keratan pilih (perbezaan).

Pemilihan teks berbilang kursor.

Peraturan penormalan teks takrif pengguna untuk mengurangkan hingar dalam perbezaan (cth. gantikan tab dengan ruang).

Peraturan penormalan teks yang ditentukan pengguna boleh dimatikan tanpa mengalih keluarnya daripada konfigurasi.

Bandingkan teks dalam 2 editor yang boleh dilihat (iaitu tab) dengan satu tindakan.

19 pemalam pembangunan vscode praktikal untuk dikongsi

11: PHP Debug

Sokongan pemalam PHPxdebug, persekitaran PHP tempatan anda mesti memasang xdebug untuk merealisasikan fungsi ini pemalam .

digunakan untuk kod penyahpepijatan titik putus PHP.

119 pemalam pembangunan vscode praktikal untuk dikongsi

12: PHP Intelephense

Alat gesaan kod PHP, dengan fungsi seperti gesaan kod pembayaran, definisi carian, carian kelas, dll., sangat berkuasa.

Muat turun pemalam PHP Intelephense, yang memerlukan versi PHP lebih besar daripada 7 dan tambah PHP pada pembolehubah persekitaran sistem.

Pemalam ini adalah artifak dan perlu digunakan dengan baik. Terutamanya, f12 pergi ke definisi, artifak mutlak.

119 pemalam pembangunan vscode praktikal untuk dikongsi

13: PHP IntelliSense

pemalam PHP IntelliSense. Ini juga artifak. Sokongan autolengkap dan pemfaktoran semula lanjutan untuk PHP

Apabila menggunakannya, anda perlu menambah kod berikut pada setting.json

"php.validate.executablePath": "D:BtSoftphp72php.exe ",

119 pemalam pembangunan vscode praktikal untuk dikongsi

14: Vue VSCode Snippet

Masukkan teg VUE dan lengkapkan kod secara automatik. Perkara ini adalah artifak mutlak untuk meningkatkan kecekapan pembangunan.

119 pemalam pembangunan vscode praktikal untuk dikongsi

15: Vetur

Vscode menyokong sepenuhnya VUE, termasuk penyerlahan sintaks, serpihan, Emmet, penyemakan penamat/ralat, Pemformatan, autolengkap, nyahpepijat, VTI/CLI

119 pemalam pembangunan vscode praktikal untuk dikongsi

16: vscode-icons

Pustaka ikon Vscode

119 pemalam pembangunan vscode praktikal untuk dikongsi

17: Path Intellisense

Pemalam Kod Visual Studio untuk melengkapkan nama fail secara automatik.

perlu ditambah dalam tetapan.json:

{ "typescript.suggest.paths": false }
Salin selepas log masuk

119 pemalam pembangunan vscode praktikal untuk dikongsi

18: Pek Sambungan PHP

termasuk Sambungan yang paling penting untuk memulakan pembangunan PHP dalam Kod Visual Studio.

119 pemalam pembangunan vscode praktikal untuk dikongsi

19: Penyelesai Ruang Nama PHP

Penyelesaikan ruang nama PHP boleh mengimport dan melanjutkan kelas. Kelas yang diimport juga boleh diisih mengikut panjang baris atau mengikut abjad.

119 pemalam pembangunan vscode praktikal untuk dikongsi

Di atas pada asasnya adalah semua pemalam yang dipasang dalam editor vscode saya Kecuali untuk nyahpepijat PHP, yang saya tidak faham, selebihnya sangat berguna.

Untuk pengetahuan lanjut tentang VSCode, sila lawati: tutorial vscode!

Atas ialah kandungan terperinci 19 pemalam pembangunan vscode praktikal untuk dikongsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:juejin.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan