ALTIN
DOLAR
EURO
BIST
Adana Adıyaman Afyon Ağrı Aksaray Amasya Ankara Antalya Ardahan Artvin Aydın Balıkesir Bartın Batman Bayburt Bilecik Bingöl Bitlis Bolu Burdur Bursa Çanakkale Çankırı Çorum Denizli Diyarbakır Düzce Edirne Elazığ Erzincan Erzurum Eskişehir Gaziantep Giresun Gümüşhane Hakkari Hatay Iğdır Isparta İstanbul İzmir K.Maraş Karabük Karaman Kars Kastamonu Kayseri Kırıkkale Kırklareli Kırşehir Kilis Kocaeli Konya Kütahya Malatya Manisa Mardin Mersin Muğla Muş Nevşehir Niğde Ordu Osmaniye Rize Sakarya Samsun Siirt Sinop Sivas Şanlıurfa Şırnak Tekirdağ Tokat Trabzon Tunceli Uşak Van Yalova Yozgat Zonguldak
Sakarya °C

Sublime Text 3

1.409
A+
A-
Sublime Text 3

Sublime Text 3 Kurulumu

Sublime Text, içinde birçok programlama dili arayüzü barındıran, kaynak kod düzenleme ve metin editörüdür. Sublime Package Control yardımıyla fonksiyonelitesi genişletilebilir. Buna rağmen genişleme paketlerinin pek çoğu özgür yazılım lisansı ile dağıtılmakta ve Sublime Text kullanıcılarının oluşturduğu topluluk tarafından geliştirilmektedir.

İşletim sisteminize uygun olanı seçin. Kurulum dosyasını indirin ve kurulumu tamamlayın.

Package Control Kurulumu

Sublime Text eklentileri yüklemek ve yönetmek için süper kolay ve kullanışlı kılan bir araçtır. Kolay kullanımı ile eklentileri hızlı bir şekilde yükleyebilir ve özelleştirebilirsiniz.

Sublime Text 3 içerisine bir eklenti kurabilmemiz için öncelikler Package Control‘un kurulu olması gerekir.

https://packagecontrol.io/installation

  1. Console açmak için:
    • Windows: Preferences > View > Show Console
    • macOS: Sublime Text 3 > Preferences > View > Show Console
    • Linux: Preferences > View > Show Console
  2. Alt kısımda açılan yere Package Control sayfasında yer alan kodu yapıştırın.
  3. Kurulum tamamlandıktan sonra CTRL+Shift+P tuşuna basarak eklentileri kurabilirsiniz.

Emmet Kurulumu

Kısaca kolay kod yazmanız için imkan sağlayan bir eklentidir. Dinamik olarak kısaltmada yazdığınız şeye bağlı olarak çıktı üretebilirsiniz. Kullanımı son derece basittir. Emmet web geliştiricileri için temel araç setidir. Döküman sayfasını ziyaret ederek daha fazla bilgi edinebilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Emmet yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Kurulum bittikten sonra deneme yapabilirsiniz.

Emmet kullanımına bir örnek:

nav>ul>li

Yukarıdaki kodu yazın, ardından CTRL+E tuşuna basın.

<nav>
  <ul>
    <li></li>
  </ul>
</nav>

Bu şekilde bir çıktı ile karşılaşacaksınız. Hızlı kod yazmanıza olanak sağlaycaktır.

Daha fazla örnek için Cheat Sheet sayfasına bakabilirsiniz.

Bu eklenti, kenar çubuğundaki bir dosyaya sağ tıklandığında çok daha fazla seçenek sunar. Dosya oluşturma, silme, kopyalama vb. işlemleri yapmanıza olanak sağlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Sidebar Enhancements yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Kurulum bittikten sonra projenizi Sublime Text’te sürükleyin.
  5. Sol tarafta yer alan kısımdan dosya oluşturma, silme, kopyalama vb. işlemleri yapabilirsiniz.

Sublime​Linter Kurulumu

Sublime Text’teki sözdizimi hatalarınızı veya daha önemlisi daha temiz kodlar yazmayı istiyorsanız, hedefinize ulaşmak için SublimeLinter paketini kurmalısınız. SublimeLinter, linting için çekirdek bir pakettir, her bir dil veya çerçeve için, linting işlemini gerçekleştirmek için ek paketler yüklemeniz gerekir.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Sublime​Linter yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Node.js sayfasında programı indirin. Kurulumu tamamlayın.

SublimeLinter-csslint Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SublimeLinter-csslint yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Terminal ekranı açın.
  5. npm install -g csslint kodu yapıştırın ve kurulum tamamlanmasını bekleyin.

SublimeLinter-jshint Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SublimeLinter-jshint yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Terminal ekranı açın.
  5. npm install jshint kodu yapıştırın ve kurulum tamamlanmasını bekleyin.

SublimeLinter-contrib-scss-lint Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SublimeLinter-contrib-scss-lint yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Terminal ekranı açın.
  5. gem install scss_lint kodu yapıştırın ve kurulum tamamlanmasını bekleyin.

SublimeLinter-contrib-sass-lint Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SublimeLinter-contrib-sass-lint yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Terminal ekranı açın.
  5. npm install -g sass-lint kodu yapıştırın ve kurulum tamamlanmasını bekleyin.

SublimeLinter-contrib-htmlhint Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SublimeLinter-contrib-htmlhint yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Terminal ekranı açın.
  5. npm install -g htmlhint@latest kodu yapıştırın ve kurulum tamamlanmasını bekleyin.

BracketHighlighter Kurulumu

Bu eklenti, sadece parantezlerinizi vurgular. İmleç tırnak işaretleri arasında olduğunda başlangıcını ve sonunu işaretler. Karmaşık bir matematik dizisi veya iç içe işlevler yazarken, bu paket, imlecin hangi satırda olduğunu görmenize yardımcı olur. Ayrıca gelişmiş seçim fonksiyonlarını da kapsar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa BracketHighlighter yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Sublime​Code​Intel Kurulumu

SublimeCodeIntel paketi, metin düzenleyicinizi tam özellikli IDE’ye dönüştürür. Sublime Text üzerinde genişletilmiş ve gelişmiş kod tamamlama için güzel bir eklenti. SublimeCodeIntel’in yeni sürümü ile, kod tamamlama mantığının önceki versiyona kıyasla daha yüksek seviyeye ulaştığını göreceksiniz.

Bu paket, projenizdeki her bir kelime tanımını otomatik olarak tamamlamayı mümkün kılar. Bu yapılandırma dosyasında önceden tanımlanmış JavaScript, SCSS, Python, HTML, Ruby, Python3, XML, Sass, HTML5, Perl, CSS, Twig, Less, Node.js, TemplateToolkit ve PHP tamamlamayı destekler.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Sublime​Code​Intel yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

HTML5 Kurulumu

HTML5 etiketlerini tanımlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa HTML5 yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Alignment Kurulumu

Kodlarını hizalamanıza olanak sağlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Alignment yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Ayarlar için:
    • Windows: Preferences > Package Settings > Alignment > Settings – User
    • macOS: Sublime Text 3 > Preferences > Package Settings > Alignment * Settings – User
    • Linux: Preferences > Package Settings > Alignment > Settings – User
  5. Dosya boş olmalıdır. Aşağıdakileri kodu yapıştırın:
{
    "alignment_chars": [
        "=", ":"
    ]
}
  1. Dosyasını kaydedin ve kapatın.
  2. Hizalamak istedğiniz kodu seçin ve Ctrl+Alt+A tuşuna basın.
  3. Eğer Ctrl+Alt+A tuşu çalışmıyorsa. Aşağıdaki ayarları yapabilirsiniz.
    • Windows: Preferences > Package Settings > Alignment > Key Bindings (default)
    • macOS: Sublime Text 3 > Preferences > Package Settings > Key Bindings (default)
    • Linux: Preferences > Package Settings > Alignment > Key Bindings (default)
  4. Dosya boş olmalıdır. Aşağıdakileri kodu yapıştırın:
[
    { "keys": ["ctrl+alt+s"], "command": "alignment" }
]
  1. Dosyasını kaydedin ve kapatın.
  2. Hizalamak istedğiniz kodu seçin ve Ctrl+Alt+S tuşuna basın.

SASS Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SASS yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Color​Picker Kurulumu

Bu eklenti ile renk paletini aktif hale getirebilirsiniz. Kısayol tuşu CTRL+Shift+C‘dir.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Color​Picker yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Seçilen bir rengi eklemek veya değiştirmek için şunu yapın:
    • Windows: CTRL+Shift+C
    • macOS: CMD+Shift+C
    • Linux: CTRL+Shift+C

j​Query Kurulumu

jQuery en popüler JavaScript kütüphanesidir ve bu paket jQuery fonksiyonlarının tamamlama özelliğini Sublime Text’e ekler.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa j​Query yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Git Kurulumu

Git repo’yla etkileşime girmenize yardımcı olur. Initpushpullbranchstash ve daha fazla komutu kullanabilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Git yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Daha sonra Git sayfasında programı indirin. Kurulumu tamamlayın.
  5. Sublime Text 3 editörü açın ardından CTRL+Shift+P tuşuna basın. Daha sonra Git: yazarak Gitkomutlarını kullanabilirsiniz.

FTPSync Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa FTPSync yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Kurulum bittikten sonra projenizi Sublime Text’te sürükleyin.
  5. CTRL+Shift+P tuşuna basın.
  6. FtpSyncs: Setup FTPSync in this folder yazın. Açılan bölüme ftp bilgilerini yazın.

Örnek ftpsync.settings dosyası:

{
  "default": {

    "host": "ftp.example.com",
    "username": "your_login",
    "password": "your_password",
    "path": "/",

    "upload_on_save": true,
    "overwrite_newer_prevention": false,
  }
}

DocBlockr Kurulumu

JavaScript, PHP ve CoffeeScript dahil olmak üzere birçok dil için kolayca doküman blokları oluşturmanın gerçekten harika bir yolu. /** veya /* yazdıktan sonra Enter tuşuna basın.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​DocBlockr yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. /** veya /* yazdıktan sonra Enter tuşuna basın.

HTML-CSS-JS Prettify Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​HTML-CSS-JS Prettify yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Hizaları bozuk olan kodlarını CTRL+Shift+H ile düzeltebilirsiniz.
  5. Kaydettiğinizde otomatik düzeltmek için
    • Windows: Preferences > Package Settings > HTML-CSS-JS Prettify > Plugin Options – Default
    • macOS: Sublime Text 3 > Preferences > Package Settings > HTML-CSS-JS Prettify > Plugin Options – Default
    • Linux: Preferences > Package Settings > HTML-CSS-JS Prettify > Plugin Options – Default
  6. "format_on_save": false, olan kodu "format_on_save": true, hale getirin.

Convert​To​UTF8 Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​Convert​To​UTF8 yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Auto​File​Name Kurulumu

AutoFileName, çoğunlukla kullandığım en iyi paketlerden biridir. Dosya adlarını otomatik olarak tamamlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​Auto​File​Name yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Color Highlighter Kurulumu

ColorHighlighter renk değerlerinizi vurgular. Hex, rgb, rgba, hsl, hsla gibi farklı renk değerlerini destekler.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​Color Highlighter yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

All Autocomplete Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​All Autocomplete yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

A File Icon Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​A File Icon yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Material Theme Kurulumu

Sublime temalar yükleyerek harika görünümler elde edebilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​Material Theme yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Temayı aktif etmek için:
    • Windows: Preferences > Settings
    • macOS: Sublime Text 3 > Preferences > Settings
    • Linux: Preferences > Settings
  5. Açılan sağ alana kodu yapıştırın.
    "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
    "theme": "Material-Theme.sublime-theme",
    

    Emmet CSS Snippets Kurulumu

Kısaca kolay kod yazmanız için imkan sağlayan bir eklentidir. Dinamik olarak kısaltmada yazdığınız şeye bağlı olarak çıktı üretebilirsiniz. Kullanımı son derece basittir.Döküman sayfasını ziyaret ederek daha fazla bilgi edinebilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Emmet CSS Snippets yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Kurulum bittikten sonra deneme yapabilirsiniz.

Emmet CSS Snippets kullanımına bir örnek:

.block{
  pos:s+w10+h20+mt20;
}

Yukarıdaki kodu yazın, ardından CTRL+E tuşuna basın.

.block{
  position: static;
  width: 10px;
  height: 20px;
  margin-top: 20px;
}

Bu şekilde bir çıktı ile karşılaşacaksınız. Hızlı kod yazmanıza olanak sağlaycaktır.

Daha fazla örnek için Emmet CSS Snippets sayfasına bakabilirsiniz.

GitGutter Kurulumu

Git işleminizden sonra hangi satırların değiştiğini size söyleyecek küçük ama kullanışlı bir eklentidir. Satır numaralarının yanındaki olukta bir gösterge görünecektir.

İkon Açıklama
inserted eklenen satır
changed değiştirilmiş satır
deleted silinen bölgeler
ignored yoksayılan dosya
untracked izlenmeyen dosya
  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa ​GitGutter yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Bootstrap 3 Autocomplete Kurulumu

Bootstrap 3 kodlarını otomatik tamamlamanıza olanak sağlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Bootstrap 3 Autocomplete yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Bootstrap 4 Autocomplete Kurulumu

Bootstrap 4 kodlarını otomatik tamamlamanıza olanak sağlar.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Bootstrap 4 Autocomplete yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Google Search Kurulumu

Bu eklenti ile seçilen kelimeyi otomatik olarak Google’da aratabilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Google Search yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Bir metin seçin ve Ctrl+Shift+G tuşlarına basın.
  5. Varsayılan tarayıcı otomatik olarak açılacaktır.

CSS3 Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa CSS3 yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

AdvancedNewFile Kurulumu

Sublime Text 3 için gelişmiş dosya oluşturma eklentisi. Adından da anlaşılacağı gibi, AdvancedNewFile, Sublime Text’de yeni dosya ve klasörler oluşturmayı mümkün kılar. Windows veya Mac dosyalar arasında gezinmeden, proje klasörünüzün herhangi bir düzeyinde dosya veya klasör oluşturabilirsiniz. Mutlak ve göreceli yol seçeneğine ek olarak, yeni oluşturulan dosyalar için varsayılan uzantıyı da ayarlayabilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Advanced​New​File yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. Dosya oluşturma için:
    • Windows: CTRL+Alt+N tuşlarına birlikte basın.
    • macOS: CMD+Alt+N tuşlarına birlikte basın.
    • Linux: CTRL+Alt+N tuşlarına birlikte basın.
  5. Alt kısımda açılan alana klasör veya dosya isimleri yazarak hızlı bir şekilde yeni dosyalar oluşturabilirsiniz.

SCSS Kurulumu

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa SCSS yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

YUI Compressor Kurulumu

YUI Compressor kullanarak JavaScript ve CSS dosyalarını sıkıştırır. Java uygulamasının yüklü olması gerekir. Kurulum tamamlandıktan sonra terminal ekranını açın ve java -version komutunu yapıştırıp **Enter** tuşuna basın. Java’nın yüklü olduğundan emin olduktan sonra aşağıdaki kurulumu tamamlayın.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa YUI Compressor yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. JavaScript veya CSS dosyasını açın.
    • Windows: CTRL+B tuşlarına veya F7 tuşuna basın.
    • macOS: CMD+B tuşlarına veya F7 tuşuna basın.
    • Linux: CTRL+B tuşlarına veya F7 tuşuna basın.
  5. Tuşa bastıktan sonra eklenti .min.js veya .min.css uzantılı yeni bir dosya oluşturacaktır.

Autoprefixer Kurulumu

CSS veya SCSS’nizi önek eklemek için kullanılan eklenti. Node.js uygulamasının yüklü olması gerekir. Kurulum tamamlandıktan sonra terminal ekranını açın ve npm i autoprefixer komutunu yapıştırıp **Enter** tuşuna basın. Paket yüklendikten sonra aşağıdaki kurulumu tamamlayın.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Autoprefixer yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Yukarı Çık

Plain​Tasks Kurulumu

Sublime Text Editörüne (versiyon 2 ve 3) ilişkin bir ek yapılacaklar listesi oluşturma eklentisi.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Plain​Tasks yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.

Minify Kurulumu

Sublime Text için dosyaları sıkıştırma eklentisi, ST2 ve ST3 ile uyumlu CSS, JavaScript, JSON, HTML ve SVG dosyalarını hızlı bir şekilde küçültmenize ve / veya güzelleştirmenize olanak tanır.

Node.js uygulamasının yüklü olması gerekir. Kurulum tamamlandıktan sonra terminal ekranını açın ve npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo komutunu yapıştırıp **Enter** tuşuna basın. Paket yüklendikten sonra aşağıdaki kurulumu tamamlayın.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Minify yazın ve Enter tuşuna basın. Kurulum tamamlandıktan eklenti hakkında döküman sayfası açılacaktır.
  4. CSS, JavaScript, JSON, HTML veya SVG dosyasını açın.
    • Windows: CTRL+ALT+M tuşlarına basın.
    • macOS: CMD+ALT+M tuşlarına basın.
    • Linux: CTRL+ALT+M tuşlarına basın.
  5. Tuşa bastıktan sonra eklenti .min.js veya .min.css uzantılı yeni bir dosya oluşturacaktır.

rem-unit Kurulumu

PX ölçü birimini REM ölçü birimine otomatik değiştirme eklentisidir.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa rem-unit yazın ve Enter tuşuna basın.
  4. Kurulum tamamlandıktan sonra CSS dosyasını açın. PX kodunu yazdığınızda kişi tür değiştirme seçeneği çıkacaktır. İlk seçenek yorum satırında PX cinsinide yazacaktır. İkinci seçenekte ise sadece REM halini yazacaktır.

Örnek Çıktı:

body{
  font-size: 1.125rem/* 18px */;
  padding: .625rem 1.25rem;
}

Carbon Kurulumu

Bu eklenti ile kodlarınızı güzel görüntüler oluşturabilirsiniz.

  1. Kurulum için:
    • Windows: CTRL+Shift+P tuşlarına birlikte basın.
    • macOS: CMD+Shift+P tuşlarına birlikte basın.
    • Linux: CTRL+Shift+P tuşlarına birlikte basın.
  2. Açılan kutucuğa Package Control: Install Package yazın ve Enter tuşuna basın.
  3. Bir sonra açılan kutucuğa Carbon yazın ve Enter tuşuna basın.
  4. Kurulum bittikten sonra CSS, JavaScript, JSON, HTML, SVG veya herhangi bir dosyasınızı açın.
    • Windows: CTRL+Shift+P tuşlarına basın.
    • macOS: CMD+Shift+P tuşlarına basın.
    • Linux: CTRL+Shift+P tuşlarına basın.
  5. Daha sonra arama kutucuğuna Carbon: share selection yazın ve tıklayın.
  6. Otomatik olarak tarayıcınız açılacak. Sublime Text’te yer alan kodlarınız karşınıza çıkacaktır.
  7. Export tuşuna bastıktan sonra PNG veya SVG olarak dosyayı indirebilirsiniz.

Lisans

The Unlicense

Bu eseri hiçbir izin almadan ticari amaçlar da dahi olmak üzere kopyalayabilir, düzenleyebilir, dağıtabilir ya da kullanabilirsiniz. Diğer bilgiler için bakınız.

BİR YORUM YAZIN
ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.