İç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

Sublime Merge Kurulumu

Sublime Merge, Sublime Text’in yapımcıları tarafında geliştirilen Git istemcisidir. Windows, Mac ve Linux sürümleri yer almaktadur. Sublime Text 3.2 sürümü ile Sublime Merge entegre haline geldi.

İş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: Sublime Text 3 > View > Show Console
    • macOS: Sublime Text 3 > Preferences > View > Show Console
    • Linux: Sublime Text 3 > 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 (User)
    • macOS: Sublime Text 3 > Preferences > Package Settings > Key Bindings (User)
    • Linux: Preferences > Package Settings > Alignment > Key Bindings (User)
  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

SFTP 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 SFTP 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. SFTP: Browser Server.. yazın daha sonra Add New Server menüsüne tıklayın. Açılan bölüme ftp bilgilerini yazın.

Örnek sftp-config.json dosyası:

{
    // The tab key will cycle through the settings when first created
    // Visit http://wbond.net/sublime_packages/sftp/settings for help
    
    // sftp, ftp or ftps
    "type": "sftp",

    "sync_down_on_open": true,
    "sync_same_age": true,
    
    "host": "example.com",
    "user": "username",
    //"password": "password",
    //"port": "22",
    
    "remote_path": "/example/path/",
    //"file_permissions": "664",
    //"dir_permissions": "775",
    
    //"extra_list_connections": 0,

    "connect_timeout": 30,
    //"keepalive": 120,
    //"ftp_passive_mode": true,
    //"ftp_obey_passive_host": false,
    //"ssh_key_file": "~/.ssh/id_rsa",
    //"sftp_flags": ["-F", "/path/to/ssh_config"],
    
    //"preserve_modification_times": false,
    //"remote_time_offset_in_hours": 0,
    //"remote_encoding": "utf-8",
    //"remote_locale": "C",
    //"allow_config_upload": false,
}

⬆ 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

Bootstrap 4x Autocomplete Kurulumu

Bootstrap 4x 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 4x 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 - AKTİF DEĞİL

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

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.

⬆ Yukarı Çık

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

⬆ Yukarı Çık

Carbon Kurulumu

Bu eklenti ile kodlarınızla 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.

⬆ Yukarı Çık

GitHub Markdown Snippets Kurulumu

HTML etiketlerini markdown etiketlerine çeviren eklenti. Kısa a etiketini yazdıp TAB tuşuna bastığınızda [Link Title](Link Source) etiketine çevirecektir.

  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 GitHub Markdown Snippets yazın ve Enter tuşuna basın.
  4. Markdown uzantılı bir dosyasını açın. Daha sonra a etiketini yazdıp TAB tuşuna bastığınızda [Link Title](Link Source) etiketine çevirecektir.
  5. Diğer HTML ve Markdown etiketleri görüntülemek için buraya tıklayın.

⬆ Yukarı Çık

Terminal Kurulumu

Terminalleri geçerli dosyadan veya kök proje klasöründen başlatı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 Terminal yazın ve Enter tuşuna basın.
  4. Terminal ayarlarını açmak için:
    • Windows: Sublime Text 3 > Preferences > Package Settings > Terminal > Settings – Default
    • macOS: Sublime Text 3 > Preferences > Package Settings > Terminal > Settings – Default
    • Linux: Sublime Text 3 > Preferences > Package Settings > Terminal > Settings – Default
  5. Açılan yere Terminal sayfasında yer alan kodu yapıştırın.
  6. Kurulum tamamlandıktan sonra CTRL+Shift+T tuşuna basarak terminali çalıştırabilirsiniz.

⬆ Yukarı Çık

OpenFilesLister Kurulumu

⚡ Açık dosyaları listeleyerek kolaylıkla geçiş yapabilirsiniz.

  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 OpenFilesLister yazın ve Enter tuşuna basın.
  4. Kurulum bittikten sonra açık olan tüm dosyalarda;
    • Windows: ALT+P tuşlarına basın.
    • macOS: OPTION+P tuşlarına basın.
    • Linux: ALT+P tuşlarına basın.
  5. Daha sonra arama kutucuğu ile istediğiniz dosyaya erişebilirsiniz.

⬆ Yukarı Çık

Browser Sync Kurulumu

Sublime Text 3 ile Tarayıcı Senkronizasyonunu başlatmak için bir eklenti

  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 Browser Sync yazın ve Enter tuşuna basın.
  4. Örnek bir index.html dosyası açtıktan sonra üst menüde yer alan Browser Sync > Launch kısmına tıklayarak gerçek zamanlı tarayıcıyı başlatabilirsiniz.

⬆ Yukarı Çık

Comment-Snippets Kurulumu

PHP, CSS ve HTML yorum satırları oluşturmak kullanılır.

  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 Comment-Snippets yazın ve Enter tuşuna basın.
  4. Örnek yorum satırlarını görüntülemek için tıklayın.

⬆ Yukarı Çık

Package​Sync Kurulumu

Sublime Text 3 üzerine kuruduğunuz eklentileri ve ayarların yedeklenmesine imkan sağlayan eklenti.

  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 Package​Sync yazın ve Enter tuşuna basın.
  4. Yedekleme işlemi için CTRL+Shift+P tuşlarına birlikte basın. Backup Packages To Zip (Recommended) yazdıktan sonra Enter tuşuna basın. Masaüstüne SublimePackagesBackup.zip uzantılı bir dosya oluşturulacaktır.
  5. Yedekleme geri yükleme için CTRL+Shift+P tuşlarına birlikte basın. Restore Packages From Zip (Recommended) yazdıktan sonra Enter tuşuna basın. Masaüstündeki SublimePackagesBackup.zip uzantılı dosyada yer alan eklenti ve ayarlar geri yüklecektir. Eklentinin boyutlarına göre bu işlem uzun sürebilir.

⬆ 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.