Angular Projemiz ve VS Code Ortamı


Projemizin olduğu dizinde " code . " yaparak projemizi VS Code'da açılacağını söylemiştik bir önceki yazımızda. Şimdi ise karşımıza gelen ekranı tanıyalım.


e2e à Unit test gibi testlerin konfigürasyonunu içerir.

Node_modules à İndirdiğimiz paketlerin dosyalarını içerir. (angular, bootstrap, jquery gibi)

Srcà  Uygulamanın olduğu klasördür.
           Appà
                     App.component.css dosyası app component’ine özel css’dir.

                     App.component.html app component’inin HTML’idir.
                     App.component.spec.ts app component’in unit testidir.
                     App.component.ts app component’in kendisidir.
                     App.module.ts ise uygulamamızın root modülüdür. Bir modülün modül olabilmesi için
         içerisindeki @NgModule’den tanımlanması gerekir.

App üzerinde bilerek bu kadar öok durdum. Çünkü projeyi geliştirirken en çok çalışacağımız kısımdır.


          Assetsà Fotoğraflar gibi araçlar bu dosyaya konur.

          Environmentà Geliştirme ve yayına alma konfigürasyonunu sağlar.

          index.htmlà Temel html sayfamızdır. SPA(Single Page Application) geliştiriyorsak bu sayfa bizim tek sayfamızdır.

           Main.ts à Başlangıç modülünün olduğu modüldür.

           Pollyfill.tsà Farklı tarayıcılar için geçerli olan scriptler vardır.

           Styles.cssà css Dosyamızdır.

           Test.tsà unit teslerin başlangıç noktosıdır. Konfigürasyon dosyasıdır.

Angular.cli.jsonà Angular cli ile ilgili konfigürasyonu içerir.

editorconfig à VS Code’da kod yazarken standartlarını verir.

Karma.conf.js à unit testlerimizi yazdığımızda karma ile çalışırlar.

Package.json à npm ile indirdiğimiz paketlerimiz vardır. İçerisindeki depencies alanında uygulamamızda hangi paketleri istiyorsak onları yazarız.

Bir sonraki yazımızda  ilk Angular projemizi yapacağız. Şimdilik görüşmek üzere.

Yorumlar

Bu blogdaki popüler yayınlar

DLL Dosyalarını Exe'ye Gömme

SQL Server Veritabanı Senkronizasyonu

PostgreSQL Nedir? Nasıl Kullanılır?