12 Petua Produktiviti Teratas untuk WebStorm dan Sudut: Bahagian 2

Artikel ini meneroka ciri-ciri Webstorm yang menghasilkan dua belas produktiviti untuk pemaju sudut, yang dibentangkan dalam dua bahagian. Ini adalah bahagian kedua, memberi tumpuan kepada tujuh ciri utama yang dikongsi oleh pakar pemaju Google Jurgen Van de Moere dan Todd Motto. (Bahagian satu tersedia [pautan ke bahagian satu, jika ada]).

Takeaways utama:

• Menyelaraskan import: Pengiraan laluan import Webstorm Leverage untuk penjanaan penyata import automatik, meminimumkan kesilapan dan masa penjimatan. Sesuaikan Tetapan Import (mis., Path, Files Barrel, Tidak termasuk modul tertentu) untuk memenuhi keperluan projek. tsconfig.json
Perancah Kod Rapid:
• Gunakan templat langsung untuk membuat coretan kod yang boleh diguna semula, mempercepatkan pembangunan dan mengurangkan pengekodan berulang.
Ujian Bersepadu:
• Jalankan pelbagai ujian JavaScript (Karma, Protractor) secara langsung dalam Webstorm, memudahkan proses ujian.
Pembacaan kod yang dipertingkatkan:
• Meningkatkan pemahaman kod dengan petunjuk parameter jenis, serbuk roti untuk navigasi cepat, dan akses terus ke dokumentasi sudut melalui Webstorm.

WebStorm dan Tip Angular 6: Pengurusan Import Tanpa Berasal

Webstorm secara bijak menguruskan laluan import, biasanya menyelesaikannya berbanding dengan fail (lalai CLI sudut). Daripada menaip import secara manual, hanya gunakan pembinaan; WebStorm akan mencadangkan mengimportnya melalui autocomplete atau menawarkan untuk mengimportnya dengan pilihan masukkan (atau Alt masukkan pada Windows/Linux). Ia sama ada akan menambah penyata import baru atau ditambah kepada yang sedia ada dari perpustakaan yang sama.

Pilihan import lanjutan membenarkan pengiraan laluan relatif kepada

atau menggunakan resolusi modul Node.js (sesuai untuk fail barel). Anda juga boleh menentukan modul untuk dikecualikan daripada import automatik untuk kawalan yang lebih baik.

Webstorm dan Tip Angular 7: Templat Langsung untuk Kecekapan tsconfig.json

Corak kod berulang mudah ditangani dengan templat langsung. WebStorm menyediakan templat yang telah ditentukan sebelumnya, yang boleh menyesuaikan atau membuat yang baru. Navigasi ke pilihan/tetapan & gt; Editor & gt; Templat langsung untuk menguruskannya.

Tentukan singkatan, penerangan, teks templat (menggunakan pembolehubah), konteks, dan pilihan pengembangan/pemformatan. Memohon templat dengan menaip singkatan dan menekan kekunci pengembangan yang ditetapkan.

WebStorm dan Tip Angular 8: Ujian Dalam-Side

Jalankan pelbagai ujian JavaScript secara langsung dari WebStorm (dengan asumsi Node.js dan plugin NodeJS dipasang). Jalankan ujian karma individu secara langsung dari editor, atau ujian protractor debug dengan hasil yang dipaparkan dalam tetingkap khusus. Ujian perkhidmatan yang tenang juga diintegrasikan melalui Alat & GT; Ujian Perkhidmatan Web Restful .

Webstorm dan Tip Angular 9: Sejarah Tempatan untuk Pemulihan Kod

Sejarah tempatan WebStorm menyediakan gambar kod anda, yang membolehkan anda kembali ke negeri -negeri terdahulu secara bebas daripada kawalan versi. Mengaksesnya untuk membandingkan versi semasa dan masa lalu, walaupun tanpa git dimulakan.

Webstorm dan Tip Angular 10: Parameter Parameter TypeScript untuk Kejelasan

Parameter Parameter TypeScript meningkatkan kebolehbacaan kod dengan memaparkan nama parameter dalam fungsi. Sesuaikan penglihatan petunjuk dalam pilihan/tetapan & gt; Editor & gt; Umum & gt; Penampilan . Anda boleh menunjukkan petunjuk untuk semua hujah, membuat senarai hitam untuk kaedah tertentu, atau melumpuhkannya sepenuhnya.

Webstorm dan Tip Angular 11: Breundcrumbs untuk Navigasi Cekap

roti di bahagian bawah editor (atau boleh dikonfigurasikan ke bahagian atas) Tunjukkan lokasi semasa anda dalam fail. Klik pada breadcrumb untuk melompat ke objek induk. Sebagai alternatif, gunakan pop timbul struktur fail ( navigasi & gt; struktur fail atau cmd/ctrl f12).

Webstorm dan Tip Angular 12: Akses Dokumentasi Angular In-Ode

Akses dokumentasi sudut secara langsung dalam Webstorm. Letakkan karet pada pembinaan sudut dan tekan F1, atau aktifkan "tunjukkan dokumentasi cepat pada langkah tetikus" dalam pilihan/tetapan & gt; Editor & gt; Umum untuk dokumentasi hover-over segera.

Kesimpulan:

menguasai ciri -ciri WebStorm ini untuk meningkatkan aliran kerja pembangunan sudut anda dengan ketara. Ingat untuk menjejaki peningkatan produktiviti anda menggunakan laporan produktiviti WebStorm ( bantuan & gt; Panduan Produktiviti ).

(bahagian Soalan Lazim yang ditinggalkan untuk keringkasan, kerana ia adalah satu set standard soalan dan jawapan mengenai ciri IDE.)

Atas ialah kandungan terperinci 12 Petua Produktiviti Teratas untuk WebStorm dan Sudut: Bahagian 2. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!