Eğitm Sayısı :532
AnasayfaAngular 2 DersleriAngular 2 Dersleri | 5 Dakikada Hızlı Kurulum – 1

Angular 2 Dersleri | 5 Dakikada Hızlı Kurulum – 1

angular_2-hizli-kurulum

Angular 2 kurulumu belki biraz karışık gibi gelebilir ama adımları takip ettiğimizde çok kolay bir şekilde yapabiliriz. Bu adımları yaparken angular’ın kendi sitesinde 5 dakika da kurulum kısmındaki gibi yaparakta yapabilirsiniz. Şayet bende oraya göre yapacağım.

1.      Adım

Bilgisayarınızda bir klasor olusturarak başlayalım ben “angular2” isminde bir klasör oluşturdum

Bu klasörümüze ilk olarak 4 tane dosya eklicez bu dosyalar;

  • json
  • json
  • json
  • config.js

Bunların içeriklerini sırayla şu şekilde olacak

Package.json

tsconfig.json

typings.json

systemjs.config.js

Bu adımları yaptıktan sonra geldik önemli bir işleme daha şimdi node.js bilmek gerekiyor azıcıkta olsa . O dosyaları boşuna oluşturmadık nihayetinde bizim için gerekli şeyler tanımlı ve onları indirmesini rica edicez node.js den bilgisayarınzda node.js kurulu olduğunu var sayıyorum ve cmd(yani bilgisayarıma gelip cmd yazıp enterladığında ekrana çıkan karakutu) ile orada projemizin içine kadar giriyoruz.

Bende

C:\users\adem\desktop\angular2

Sizde bu şekilde angular2 klasörünüze giriş yapın ve npm install yazın indirmeler başlasın .

Proje klasörümüzde app adında bir klasör oluşturun ve içine de app.component.ts adında bir dosya oluşturarak o dosyaya aşağıdaki kodları yazın

My First Angular 2 App

‘ }) export class AppComponent { }

Anladım biraz uzun ama çok kalmadı. Son 2 adımımızı kaldı şimdi app klasörü içinde bir dosya daha açarak adını main.ts koyun ve aşağıdaki kodları yazın

bir site index.html olmadan olur mu ve son adımda artık onu ekleyelim J

projenizde root(yani angular2 klasörüne girdiğiniz ilk yere ) girip bir index.html oluşturup içine aşağıdakileri yazalım

Bu sayfada 4. adımdaki html kodlarını almanız yeterli olacaktır
https://angular.io/docs/ts/latest/quickstart.html#!#prereq

Ve tamam artık angular çalışmaya hazır ve motoru ateşleyelim nasıl mı tabi gibi gidip index.html çift tıklayarak . Tabi ki şaka J yapmayalım öyle şeyler typescript yazıyoruz oda mı nedir zamanla öğreneceğiniz şey . Konu dallanmadan budaklanmadan şöyle kısaca özetleyelim typescript çalıştırabilemiz node.js kullanmamız lazım. O yüzden o kara kutu vardı ya hani paketleri kurmuştuk.

Şimdi oraya gidip npm start diyelim ve projemizi önizleyelim J

Angular Tutorial | 3
Efsane Çizgi Film A

ademyalcin27@gmail.com

Oy
3 Yorumlar
  • kzorluoglu / 2 Ağustos 2016

    Allah razi olsun, güzel bir calisma insaAllah devami gelir..

  • dilek / 2 Ocak 2017

    Türkçe kaynak bulmak,özellikle de videolu zor oluyor. Paylaşımlarınız için çok teşekkürler.
    Devamının gelmesi dileğiyle.

    Elinize sağlık.

Yorum yap

CAPTCHA (Şahıs Denetim Kodu) Resmi

*