İçindekiler


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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

Git Kurulumu

Git repo’yla etkileşime girmenize yardımcı olur. Init, push, pull, branch, stash 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 Git komutlarını kullanabilirsiniz.

⬆ Yukarı Çık

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,
  }
}

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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",
    

    ⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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. ⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.

⬆ Yukarı Çık

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.