MediumVisual Studio 2017 ile İonic Projesi Geliştirmek. | by Büşra Kayaoğlu Kurt | Medium
Sitemap
2 min readFeb 25, 2019

--

Visual Studio 2017 ile İonic Projesi Geliştirmek.

Daha öncelerden Ionic tabanlı hybrid bir uygulamaya katkıda bulunmuştum. Birde mobil uygulamaların native olanları var. Web storm aracını kullanarak geliştiriyordum. Aslında vscode ile de geliştirebilirsiniz. Ben bu sefer VS 2017 aracını kullanarak geliştirme yapmak istedim.

Önce Vs 2017 de araçlar(Tools) sekmesinden uzantılar ve güncelleştirmeler(Extensions and Updates) kısmından Ionic 2 templates for VS u indiriyoruz.

Ardından yeni proje başlatmadan önce, daha önce VS 2017'niz kuruluysa yine tools sekmesindeki ilk seçeneği tıkılıyoruz.Açılan pencereden Cordova’yı seçiyoruz. Eğer VS 2017 yi yeni indirecekseniz başta da seçebilirsiniz.

Yeni proje başlatıyoruz. TypeScript sekmesinden mobil Apps seçeneğini seçiyoruz. İonic 2 blank seçimini yapıp projeyi açıyoruz.

Ben cmdyle proje konumuna gitmek yerine projenin dosya konumunu açıyorum. Dosyayı tıklayıp shift+ctrl tuşlarına basarak sağ tıklıyorum komut penceresini burada aç diyorum. cmd dosya konumunda açıyor.

npm install diyorum.

Bu arada uygulamayı herhangi bir telefonda nasıl göründüğüne bakmak için ya da telefona build etme işlemini beklememek adına projeyi test etmek için run edebilirsiniz. Default tarayıcınızda açılacaktır.

Ama ben telefonumda görmek istiyorum.

npm indikten sonra ionic cordova run android diyoruz.

Get Büşra Kayaoğlu Kurt’s stories in your inbox

Join Medium for free to get updates from this writer.

Hata…

Press enter or click to view image in full size

Bu hatayla karşılaştım. Biraz bakınca node_modules klasörünü sil npmi yeniden kur app-scripti uninstall yap tekrar son versiyonunu yükle denilmiş. Yaptım düzeldi.

İkinci Hata..

Bundan önce Cordova’yı kurmamışsın diyordu. Kurdum yinede hata verdi. Bu hatanın öncesine bakarsanız ki muhtemelen sizde de hata verecektir. Android sdk hatası veriyor. Android Studio’dan istediği versiyonun paketini kurdum. AVD Managerı da kurmam gerekiyordu Vs 2017'den kurdum.Telefonunuzun işletim sistemi versiyonuyla birebir aynı sanal telefon ekliyoruz.

Artık hazır. Cmdden İonic cordova run android diyoruz.

Son olarak beğendiğim bir kaç fotoğraftan oluşturduğum mini film

--

--