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