[Kompilasi dan perkongsian] 10 sambungan terbaik untuk pembangunan Flutter dalam VSCode

Artikel ini akan berkongsi dengan anda 10 sambungan VSCode terbaik untuk pembangunan Flutter. Saya harap ia akan membantu semua orang!

1.Pubspec Assist

Adakah anda bosan mencari pakej Flutter dan Dart yang diperlukan di pub.dev? Anda harus memberi peluang kepada sambungan Pubspec Assist. Sambungan ini membolehkan anda mencari pakej dan kemudian menambahkannya pada dokumen pubspec.yaml tanpa melepaskan editor. Selain itu, ia membolehkan anda mencari banyak pakej secara serentak dengan mengasingkan tajuk dengan koma.

2.Kanta Ralat

Semasa pembangunan, ralat dan amaran adalah perkara biasa, tetapi kaedah yang kami gunakan untuk mengendalikannya adalah unik. Dalam editor Kod VS, ralat dan amaran biasanya muncul di bahagian bawah, dan kami perlu menatal senarai untuk melihat sama ada terdapat isu lain. [Pembelajaran yang disyorkan: tutorial vskod, Pengajaran pengaturcaraan]

Kanta Ralat sambungan menyerlahkan baris ralat dalam kod dan menambahkannya pada penghujung daripada baris Butiran ralat dilampirkan. Ikon ralat juga dipaparkan dalam parit.

Selain itu, anda boleh menyesuaikan warna serlahan ralat dalam fail settings.json. Ini akan menjadikan kesilapan anda kelihatan lebih menggoda.

3.Flutter Tree

Apabila membina aplikasi dengan bilangan widget yang banyak, mungkin sukar untuk mengenal pasti widget dalam pepohon. Sambungan Flutter Tree mencipta pepohon widget yang diingini dengan sintaks yang dipermudahkan. Ini menjadikannya lebih mudah untuk mencipta pepohon widget, tetapi anda perlu melakukannya menggunakan sintaksnya sendiri, seperti yang ditunjukkan di bawah.

4. Bracket Pair Colorizer 2

Kami sering tersesat dalam kebingungan kelas dan widget bersarang dan membuang banyak masa dan tenaga untuk mencari Sepasang kurungan yang betul. Apabila ia datang untuk meletakkan kurungan yang salah, Pewarna Pasangan Kurung 2 adalah penyelamat.

Anda juga boleh menyesuaikan warna pasangan kurungan.

5. Penjana Kelas Data Dart

Biasanya, kami mengabaikan penciptaan kaedah yang diperlukan dalam kelas. Kod VS mempunyai utiliti yang membolehkan anda menambah kaedah yang hilang, tetapi anda hanya boleh menambahnya satu demi satu. Penjana Kelas Data Dart mengatasi masalah ini dengan menggunakan kaedah pembina, copyWith, toMap, fromMap, toJson, fromJson, toString, operator == dan hashCode berdasarkan atribut kelas atau JSON mentah untuk membina kelas data Dart , sebagai nama mencadangkan.

Pelanjutan ini turut mengisih import mengikut abjad dan menukarkannya kepada format yang sesuai.

6.Flutter Stylizer

Menguruskan asas kod yang kompleks dengan struktur yang tidak mencukupi akan mengurangkan kecekapan jurutera. Sambungan Flutter Stylizer menghapuskan masalah ini dengan mengatur kaedah anda dengan cara yang konsisten dan tegas.

Alat ini mengatur kelas dalam fail dengan cara berikut:

Pembina -- dinamakan pembina -- pembolehubah statik awam -- pembolehubah contoh awam -- pembolehubah override awam -- Pembolehubah statik peribadi- -Pembolehubah contoh peribadi--Kaedah mengatasi awam--Kaedah awam lain--Membina kaedah.

Flutter sendiri menyediakan pilihan pemformatan, namun, ia hanya memformat fail Dart, ia tidak menyusun semula kod. Flutter memformat kod mengikut peraturan pemformatan ini.

7. Komen yang Lebih Baik

Jika semua komen dalam format yang sama, kami tidak akan dapat mengatur kerja kami mengikut kepentingan dan risiko terlepas pandang tugas penting. Sambungan Komen Lebih Baik membantu membuat ulasan berwarna-warni, yang menjadikannya lebih mudah dibaca. Ini memudahkan untuk menjejaki komen kod.

Apa yang anda perlu lakukan ialah memulakan anotasi dengan *, ！, ? atau TODO dan ia akan diwarnakan mengikut cara yang ditentukan. Anda juga boleh mencipta gaya anotasi anda sendiri menggunakan fail settings.json. 8. Serlahkan Warna

Nampak? Ia akan menjadi sangat berfaedah untuk memaparkan warna program tanpa perlu melancarkan program. Pemalam

Color Highlight boleh melihat warna yang dinyatakan dalam kod melalui warna yang digayakan.

9.Markdownlint

Tiada pengesah dalam projek Flutter untuk memastikan isu dalam dokumen README.md atau CHANGELOG.md dikesan. Untuk membetulkannya, pemalam

Markdownlint menyediakan satu set garis panduan untuk menggalakkan standard dan keseragaman dalam fail Markdown. Anda boleh menggunakan sambungan ini untuk menyemak isu setempat dan mengesahkan kandungan sebelum penerbitan langsung.

Dalam imej ini, anda boleh melihat beberapa ralat, seperti berbilang baris kosong berturut-turut, aras pengepala harus ditambah dengan satu dan senarai harus dikelilingi oleh garis kosong. Berkaitan dengan ini, saya ingin mengingatkan anda bahawa anda boleh pratonton fail Markdown dalam Kod VS dengan menggunakan butang pratonton.

10.JSON to Dart Model

Apabila berurusan dengan sejumlah besar fail JSON, adalah sukar untuk membina model Dart untuk setiap fail.

Model JSON ke DartMencipta kelas Dart untuk rentetan JSON yang diberikan. Anda boleh membuat nilai JSON diperlukan atau lalai dengan menambahkan

atau

pada kunci JSON anda dan Model JSON ke Dart akan menghasilkan model Dart untuk anda.

Dalam imej di bawah, fail JSON ditunjukkan di sebelah kiri dan kelas serta sifat yang diperlukan ditunjukkan di sebelah kanan, yang dijana daripada fail JSON menggunakan sambungan Model JSON ke Dart. r@d@

Untuk pengetahuan lanjut tentang VSCode, sila lawati:

tutorial asas vscode

!

Atas ialah kandungan terperinci [Kompilasi dan perkongsian] 10 sambungan terbaik untuk pembangunan Flutter dalam VSCode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!