egghead.io videolar gibi dev ortamı nasıl kurulur

Question

AngularJS'yi öğrenmek için makinemde bir ortam kurmak istiyorum. AngularJS kodunu yazarken ve bir sunucuda yenilendiğinde ve değişiklikleri tarayıcıda gerçek zamanlı olarak görüntülediğinde, egghead.io'un videolarında gördüm. Bu nasıl yapılır? WebStrom logosunu videolarda görüyorum ama hepsi bu.

Answer 1

Dosyalarınızı ayarlamak için bir sunucuya ihtiyacınız olacak. Gördüğünüz videolar, değişiklikleri izlemek için dosyaları izleyen ve herhangi bir dosyada değişiklik olduğunda sayfayı yenilediği tarayıcı-yeniden yükleme eklentisini kullanabilirdi. Proje kurulumu için yeoman (ve jeneratörlerden biri) kullanabilirsiniz (temel olarak iskele için). Önce NPM (düğüm paketi yöneticisi) kuracak olan NodeJS'u yüklemeniz gerekir. Sonra YEOMAN'u yükleyebilir ve sırasıyla jeneratörü kullanabilirsiniz. Benim önerim generator-gulp-angular olacaktır. Yönergeler için benioku dosyasına bakın, ancak temel olarak, NodeJS'yi düzgün bir şekilde kurduktan sonra bu komutları komut isteminde çalıştırmanız gerekir.

npm install -g yo gulp bower 

Yukarıdaki komut Yukarıdaki komut 'TestDir' demek, bir dizin oluşturabilirsiniz Sonra

yudum-açısal yeoman jeneratör yükler yeoman, yudum sırasıyla

npm install -g generator-gulp-angular 

çardak yükler ve içine gidin. Yani

cd testDir 

Sonra İstediğiniz teknolojileri seçmek istenir

yo gulp-angular 

çalıştırın. Bu adımı tamamladıktan sonra, bunu bahsettiğinizi ama yapıyormuş gibi sesler hangi video emin

gulp serve 

Answer 2

değil (canlı ile yeniden) iş görmek için aşağıdaki komutu çalıştırabilirsiniz/o bir yudum veya hırıltı görevi vardır Bu, değişiklikleri izlemek ve daha sonra tarayıcınızı karantinadan yüklüyor. Ya

• yudum-livereload olabilir (https://www.npmjs.com/package/gulp-livereload)

veya

• browsersync (https://www.browsersync.io/)