Chrome Extension generator Yeoman Turkish Lang. Tutorial

in #utopian-io6 years ago

Chrome Extension generator Yeoman is open source project on github and you can find below repo link directly : https://github.com/yeoman/generator-chrome-extension
and Yeoman Offical web page is :
http://yeoman.io/

Let's make a Installion and Usage and a Small Test for creating an App
Download
Install
Settings
Usage
Shortcuts
Test loading an App

Yeoman nedir ?

Yeoman kısaca günümüz teknolojisini kullanarak proje hazırlamalarda ve kickstart'er modellerinde öncü bir yazılım geliştiricisi olmaya başlamıştır.

Öncelikle Yeoman'ı kurmak için

Yerel bilgisayarımıza kurmak için aşağıdaki komutu komut istemcisi olan cmd 'de çalıştırıyoruz.

npm install --global yo gulp-cli bower

image.png

image.png

ardından oluşturucuyu(Generator) indiriyoruz

npm install -g generator-chrome-extension

image.png

ardından dosya oluşturmak için aşağıdaki komutu kullanıyoruz:

mkdir my-new-chrome-extension

image.png

yukarıda oluşturduğumuz dosyayı görebilirsiniz

Şimdi ise yok o mantı komutu ile projemize başlatacağız:

yo chrome-extension

image.png

Burda Bize Genel Bir ayarlama yapmamızı istiyor :

Choose your style of DSL / Sözlük dilinini Seçiniz
What would you like to call this extension / Eklentiye Ne isim vericeksiniz
How would you like to describe this extension / Nasıl tanımlıyorsunuz
and more ..

image.png

burada yüklenme kısmı biraz beklendiğinden fazla uzun sürüyor O yüzden ekranınızı kapatmadan sabırla bekleyiniz

image.png

image.png

ardından oluşturduğumuz dizine gidip bir çalışma dizini yaratalım ve yo çalıştıralım

C:\Users\Hakan\my-new-chrome-extension\mkdir dummy-ext
-new-chrome-extension\cd dummy-ext
-new-chrome-extension\cd dummy-ext \yo

image.png

Gördüğünüz gibi Yeoman Ana dizininize App adında bir dosya oluşturdu.

Bundan sonrası sizi hayal gücünüze bağlı olarak değişmektedir
image.png

Bundan sonra istediğiniz gibi istediğiniz özelliğe ekleyebilir çıkartabilir veya geliştirme yapabilirsiniz daha ayrıntılı Dökümantasyon ve aşağıdaki İngilizce kaynaklarda ulaşabilir Onun altında gördüğünüz gibi kısayolları veya dosyaların ne anlama geldiğini içeren ufak bir bilgi de paylaştım Umarım siz de kendi eklentilerin iz yazabilir Java Script'i birde burdan deneyimleyebilir ve bir şeyler geliştirebilirsiniz

Eğer Yardım almak isterseniz ingilizce içerik olarak
Source Help Document & Install Guide's :http://yeoman.io/codelab/index.html

Full API Dökümanına burdan ulaşabilirsiniz : http://yeoman.io/generator/

Ufak bir yardımcı bilgilendirme de burdan inceleyebilirsiniz :

image.png

Resim KAYNAK



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @moorkedi I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Warning! This user is on my black list, likely as a known plagiarist, spammer or ID thief. Please be cautious with this post!

To get off this list, please chat with us in the #abuse-appeals channel in steemit.chat.

Coin Marketplace

STEEM 0.35
TRX 0.12
JST 0.040
BTC 70733.96
ETH 3563.16
USDT 1.00
SBD 4.76