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
Yorum Gönder