22 Temmuz 2017 Cumartesi

Angular Js ile hello world (Mac OSx üzerine)

Merhaba, bu yazımda sizlere Angular4  ile bir  helloworld uygulamasının nasıl yapılacağını adım adım paylaşacağım. Angular dünyasında aslında çok fazla deneyimim yok ancak bir projede kullanabilir miyiz diye bir araştırma yapmıştım. Bu araştırmanın notlarını aşağıda bulabilirsiniz. Adımları sırayla takip ederek ilerleyebilirsiniz.


Npm versiyonuna bakın (min:node 6.9.x)
# npm -v


Node versiyonuna bakın(min:3.x.x) ve son versiyonunu yükleyin.
# node -v

# brew update

# brew upgrade node

# brew update && brew upgrade node && npm install -g npm


angular'ı global olarak(her yerden erişmek için) -g parametresiyle yükleyin.
# npm install -g @angular/cli


Yeni bir angularJs Projesi oluşturun
# ng new my-app


Oluşturduğunuz projenin kök dizinine gidin.
# cd my-app/


Angular projesini web server'ı çalıştırarak açın.
# ng serve --open


NOT: daha önceden bu port kullanıldıysa aşağıdaki gibi bir hata mesajı göreceksiniz. Çözüm için --port parametresiyle  farklı bir portta uygulamanızı çalıştırın.
Port 4200 is already in use. Use '--port' to specify a different port.


Projenizi port parametresi vererek farklı bir portta açın
# ng serve --open --port 4201



bu işlemin ardından web browser üzerinde aşağıdaki adresi yazarak projenize erişebilirsiniz 

http://localhost:4201


Hiç yorum yok:

Yorum Gönderme