15 Alat AngularJS Berguna Untuk Pemaju

Berpikir mencelupkan jari kaki ke Angular? Sekiranya anda telah menjalani 10 tutorial terbaik kami untuk mengetahui tulisan AngularJS dan ingin bermain-main dengan Angular sendiri, anda berada di jawatan yang betul. Kami ada di sini beberapa alat yang dapat menyelaraskan aliran kerja pembangunan anda.

Kami melihat 15 dari IDE terbaik, editor teks, alat untuk ujian & debug, modul dan alat pembangunan dan aplikasi untuk membina dengan sudut. Sekiranya anda mempunyai alat atau apl kegemaran anda, sila berkongsi dengan kami di dalam komen di bawah.

IDE & Editor Teks

Dalam dunia pengaturcaraan, terdapat dua jenis editor: Persekitaran Pembangunan Bersepadu yang lengkap (IDE) dan editor teks ringan. Kedua-duanya membolehkan aliran kerja pembangunan yang lebih pantas. IDE dan editor teks yang kami disenaraikan di bawah adalah alat yang bagus untuk mempercepatkan perkembangan Angular anda. Mereka boleh dengan mudah dikonfigurasikan untuk persekitaran sudut.

WebStorm

WebStorm sesuai bukan sahaja untuk Javascript tetapi juga HTML dan CSS. Ia mempunyai editor hidup yang hebat yang membolehkan anda melihat hasil pengekodan anda pada penyemak imbas tanpa perlu menyegarkan yang kerap. Secara lalai, versi terbaru mereka membawa bundle plugin AngularJS walaupun anda perlu memasukkan Skrip sudut dalam projek anda terlebih dahulu. Untuk maklumat lanjut, baca catatan blog WebStorm.

Aptana

Aptana adalah IDE sumber terbuka percuma yang sebenarnya merupakan versi disesuaikan Eclipse yang memberi tumpuan kepada Javascript, HTML, CSS dan barang web lain. Untuk memperluaskan Aptana untuk sokongan sudut, semua yang anda perlu lakukan ialah memasang lanjutan Eclipse AngularJS dari Eclipse Marketplace.

Teks Sublime

Salah satu penyunting teks yang paling popular yang ada, Teks Sublime dicintai oleh ramai kerana kebolehubahsuaiannya untuk menyesuaikan diri dengan apa-apa jenis persekitaran pengaturcaraan. Ia juga pantas dan mempunyai sokongan coretan kod tersuai, dan mempunyai banyak pakej termasuk pakej AngularJS yang membolehkan anda bekerja dengan Angular. Berikut adalah catatan hebat oleh Dan Wahlin yang anda boleh lihat mengenai perkara ini.

Lebih banyak pada Teks Sublime:

18 plugin Teks Sublime penting
12 Tips & trik teks yang paling dikehendaki
Bagaimana untuk memasukkan Laluan Fail dalam Teks Sublime
Projek Localhost pratonton pantas dengan Teks Sublime
Urus Nota dan Senarai dengan Teks Sublime
Menambah CSS Penjual Awalan dengan Teks Sublime

Alat Ujian & Pengecualian

Ujian dan debugging adalah bahagian penting dalam proses pembangunan terutamanya dalam persekitaran seperti Angular. Berikut adalah beberapa alat yang boleh membantu anda menguji dan menyahpepijat permohonan anda.

Karma

Karma adalah pelari ujian hebat yang dibuat untuk Angular, tetapi juga boleh digunakan dengan rangka kerja Javascript yang lain. Ia menyokong apa-apa jenis ujian: ujian unit, ujian pertengahan dan Ujian E2E. Karma berfungsi dengan membuka pelayar yang anda senaraikan dalam fail konfigurasi. Ia kemudiannya berkomunikasi dengan pelayar aktif menggunakan socket.io dan meminta anda sama ada untuk menjalankan ujian atau tidak.

Jasmine

Jasmine digunakan untuk pembangunan yang didorong oleh tingkah laku (BDD), tetapi anda boleh menggunakannya untuk pembangunan yang didorong oleh ujian (TDD) dengan sedikit penyesuaian. Ia biasanya digabungkan dengan Karma: Karma sebagai pelari ujian, Jasmine sebagai kerangka ujian. Jasmine secara automatik akan memeriksa semua kelas dan fungsi Javascript anda dan memberitahu anda tentang kod tanpa had. Kelemahan itu ia tidak mengetahui persekitaran yang mana (pelayar) ujian dilakukan, tetapi Karma mengimbangi kelemahan ini.

MochaJS

Apabila dibandingkan dengan Jasmine, MochaJS lebih fleksibel tetapi Jasmine datang sebagai pakej semua-dalam-satu. Dengan MochaJS, jika anda ingin menggunakan rangka kerja perisik, anda perlu menyediakan Mocha dengan perpustakaan yang sesuai seperti sinon.js. Dan jika anda memerlukan rangka pernyataan, Mocha perlu dikonfigurasi dengan kerangka seperti Chai.

Protractor

Protractor mungkin adalah yang paling berkuasa automatik hujung ke hujung (e2e) Alat ujian sudut. Dibangunkan oleh pasukan Angular, Protractor dibina dengan menggabungkan beberapa teknologi hebat yang boleh didapati hari ini seperti NodeJS, Selenium, webDriver, Mocha, Timun dan Jasmine.

Angular Batarang

Selain itu Protractor, Satu lagi alat hebat yang dibangunkan oleh pasukan Angular ialah Angular Batarang. Batarang adalah pelanjutan Chrome untuk menyahpepijat aplikasi Sudut. Selepas memeriksa aplikasi anda, Batarang akan menunjukkan kepada anda model, prestasi dan pergantungan debug menghasilkan tiga tab berbeza. Anda juga boleh mengawal pemeriksaan, membuat keputusan sama ada untuk menunjukkan aplikasi, pengikatan atau skop.

peng inspektor

ng-inspector ialah pelanjutan penyemak imbas yang disokong pada Chrome dan Safari. Tidak seperti Batarang yang muncul di DevTools, pemeriksa lebih suka memaparkan panel sisi. Anda boleh memeriksa dan menyorot elemen DOM semasa anda melayang di atas skop. Anda juga boleh melihat skop dan model dikemas kini dalam masa nyata.

Modul

Tempat terbaik untuk mencari modul Sudut adalah ngmodules.org. Tetapi jika anda memerlukan gambaran ringkas, di bawah adalah senarai beberapa sumber yang baik yang kami kumpulkan untuk anda.

AngularUI

AngularUI adalah koleksi komponen UI yang dibina dengan AngularJS. Arahan utiliti membantu anda membina aplikasi Angular dengan lebih cepat. Daripada widget, AngularUI menggunakan arahan mentah seperti ui-router, ui-map, ui-calendar dan sebagainya. Arahan yang mungkin anda sukai adalah UI-Bootstrap yang boleh diturunkan buat Twitter Bootstrap dalam sudut. Semak halaman dokumentasi yang bersih dan bagus untuk bermula.

ng-Table - Sorting and Table Filtering

Jika anda memerlukan jadual dalam aplikasi web anda, jenis yang boleh diisih dan ditapis, maka ngTable adalah alat yang anda cari. Ia juga menyokong ketinggian baris berubah dan keupayaan penomboran yang hebat.

Restangular

Dengan sudut, anda mungkin menghadapi kesukaran bekerja sumber $ dan $ http untuk mewujudkan API Rehat. Restangular boleh membantu penggunaan mendapatkan, memadam, kemas kini dan menghantar permintaan data lebih mudah. Beberapa ciri yang menetapkan Restangular selain sumber $ adalah sokongan kaedah HTTP, elemen penyambung diri, menjanjikan penggunaan dan banyak lagi. Ketahui lebih lanjut di sini dan semak demo langsung di Plunkr.

Angular Gettext

Angular-Gettext adalah modul sudut luar biasa untuk penyetempatan super mudah. Ciri-ciri utama adalah anda boleh menterjemahkan aplikasi web anda semudah menambah atribut. Ia membolehkan anda menumpukan pada pembangunan aplikasi anda dan meninggalkan semua terjemahan ke Angular-Gettext.

Alat & Apl

Akhir sekali, kami hanya akan meninggalkan ini di sini. Ia adalah senarai lebih banyak alat dan aplikasi yang mungkin boleh membuat proses pembangunan Angular anda lebih mudah dan lebih lancar. Mereka bekerja dengan baik dengan orang-orang yang baru mula mengambil Angular.

Penjana sudut

Yeoman mempunyai penjana kod yang dikenali sebagai Generator Angular. Dengan alat ini, anda boleh mempercepatkan perkembangan Angular anda dengan hanya pasangan arahan terminal. Ia secara automatik boleh menjana pembangunan server, unit dan ujian kerangka, pandangan, arahan dan banyak lagi.

ngDocs - Rujukan AngularJS

ngDocs adalah aplikasi Android yang menyediakan dokumentasi dan rujukan AngularJS, bagus dan mudah. Beberapa tutorial asas juga tersedia jika anda baru kepada Angular. Terdapat ciri tambahan seperti panduan pembangun dan rujukan ralat yang mungkin anda ingin lihat. Dengan ini pada peranti Android anda, ambil di Angular di mana sahaja anda pergi.