atom canlı sunucusu nasıl etkinleştirilir


cevap 1:

Atom için Genel Amaçlı Paketler:

  • atom-like-parantez-editörü - imlecinizin sadece onlara dokunmasını sağlayarak küme parantezlerinizin “{}”, parantezlerin “()” nerede başlayıp bittiğini görün.
  • atom-beautify - Atom'da HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript ve SQL'i güzelleştirin
  • atom-live-server - livereload özelliğine sahip bir http sunucusu başlatın.
  • browser-plus - Atom içinde yeni bir sekmede bir web tarayıcısı başlatmanıza olanak sağlar
  • clipboard-autocomplete - Başlığınızdaki 'cp' kullanarak panonuzdaki metni kolayca alın!
  • dosya simgeleri - gelişmiş görsel grepleme için dosyalara dosya uzantısı simgeleri ve renkleri atar
  • dosya boyutu - mevcut dosyanın boyutunu durum çubuğunda görüntüler
  • file-watcher - Diskteki dosya değiştiğinde uyarı verecek Atom için açık bir dosya izleyici.
  • git-clone - hızlı bir şekilde git bir depoyu klonlayın ve yeni bir atom penceresinde açın
  • git-plus - terminale gitmeden git işlemleri yapmanızı sağlar
  • git-time-machine - bir dosya için git commit geçmişiyle görsel olarak etkileşim kurun
  • vurgu çizgisi - düzenleyicide mevcut satırı vurgular
  • vurgulu seçili - bir kelimeye çift tıklandığında, bir dosyada o kelimenin diğer geçtiği yerleri vurgular. (mini harita-vurgulu-seçili bu paket harika)
  • jumpy - dosyalar arasında görünür bölmeler arasında atlamak için dinamik kısayol tuşları oluşturur.
  • linter - Atom için temel linter. Bunun üzerine başka linter paketleri yüklersiniz. Önünde "linter" kelimesi bulunan diğer linter paketlerini arayın. Ör: linter-jshint, linter-csslint, linter-jsonlint, linter-ruby, linter-pylint
  • local-history - GIT YAPMADIĞINDA BU KADAR KEZ KAYDEDİLDİ! kod dosyalarındaki değişikliklerinizin geçmişini tutar. Google Dokümanın düzeltme geçmişini düşünün. Bir şeyi işlemeyi veya Git'i kullanmayı unuttuğunuzda gerçekten güçlü.
  • maybs-quit - [CMD-Q] tuşlarıyla düzenleyicinin yanlışlıkla kapatılmasını önlemek için çıkmadan önce modsal onay.
  • birleştirme çatışmaları - Atom içindeki git çatışmalarını çözmenize olanak sağlar
  • minimap - Tam kaynak kodunun bir önizlemesi (Sublime Text gibi). NOT: Aşağıdaki diğer mini harita paketleri, mini haritanın kurulu olmasına bağlıdır. Birlikte kullanılan bu paketler bence güçlü bir düzenleme deneyimi sağlıyor.
  • minimap-cursorline - Mini haritada Atom imleç çizgisini görüntüler
  • minimap-bul ve değiştir - paket bul ve değiştir sonuçlarını mini haritada göster
  • minimap-vurgu-seçildi - seçiminizi mini haritada görüntüler. ⚠ vurgulu seçilmiş paket gereklidir.
  • mini harita seçimi - mini haritada o anda seçili olan kelimenin geçtiği yerleri vurgular. Bu, kaç olay olduğunu ve dosyanın nerede bulunduğunu görmenin harika bir yoludur!
  • minimap-git-diff - mini haritada git değişikliklerini gösterir (yeşil = ekleme, sarı = değiştirme, kırmızı = silme). Büyük dosyalarda değiştirdiğiniz bölümlere hızlıca göz atmak için harika!
  • tarayıcıda aç - komut paletine ve seçenek tıklama menüsüne "Tarayıcıda Aç" seçeneğini ekler
  • open-terminal-here - komut paletine ve seçenek tıklama menüsüne "Burada Terminali Aç" seçeneğini ekler
  • package-manager-commands - paketleri komut paletinden devre dışı bırakın / etkinleştirin (Sublime Text gibi).
  • paket ayarları - belirli bir paket için hızlıca ayarlar bölmesini açın (Sublime Text gibi)
  • pane-layout-plus - düzenleyicide birden fazla bölme oluşturmaya izin verir (üstün metin gibi)
  • komut dosyası - Atom içinde çeşitli komut dosyalarını çalıştırmanıza izin verir. JavaScript, CoffeeScript, Ruby, Python, Go, Bash ve PowerShell komut dosyalarını destekler. Daha fazlasını ekleyebilirsiniz!
  • set-syntax - mevcut dosyanın sözdizimini ayarlamak için kolay Komut Paleti komutları oluşturur (sublime'dan aynı set sözdizimi komutu)
  • swackets - işlevlerin, koşullu ifadelerin içinde ne kadar iç içe olduğunuzu anlamanızı kolaylaştırır
  • sync-settings - paket ayarlarını, tuş eşlemesini ve kurulu paketleri senkronize edin
  • tree-view-autoresize - Klasörleri açarken / kapatırken ağaç görünümünü otomatik olarak yeniden boyutlandırır
  • tree-view-git-status - Atom ağaç görünümünde Git deposu durumunuza hızlı bir şekilde bakın.
  • platformio-ide-terminal- Atom editörü içinden birden fazla terminal oturumu başlatmanıza izin verir (zsh vb. gibi diğer mermileri destekler.)
  • rest-client - favori editörünüz için basit bir REST istemcisi (Postman'ı düşünün, ancak editörünüzün içinde)
  • wakatime - programcılar için Fitbit. Programlamanız hakkında otomatik ölçümler ve içgörüler alın.

Atom için Ön Uç / Web ile ilgili paketler:

  • atom-json-color - seviye başına bir renkle renkli JSON
  • otomatik kimlik sınıfı
  • autoclose-html - HTML Etiketlerinin kapatılmasını otomatikleştirir
  • autoprefixer - CSS ve SCSS dosyalarınızı otomatik olarak düzeltin
  • renk seçici - Atom'un içinden etkileşimli bir renk seçiciyi getirir
  • css-clean - CSS ve SASS'yi güzelce sıralar ve hizalar
  • css-özgüllüğü - Atom'daki bir CSS dosyasındaki seçicilerin özgüllüğünü gösterir
  • docblockr - javascript kodu yorumları yazmayı çocuk oyuncağı haline getirir!
  • emmet - HTML ve CSS dosyalarıyla çalışırken öğeler oluşturmak, nitelikler ve değerler eklemek ve daha fazlası için kısayollar sağlar
  • livestyle-atom - CSS, LESS ve SCSS için gerçek zamanlı çift yönlü düzenleme aracı
  • pigmentler - proje ve dosyalardaki renkleri görüntüleyin.
  • es6-javascript - geliştirme üretkenliği için javascript pasajları

Tüm bu paketlere sahip olmak editörünüzü yavaşlatıyor mu?

  • Hayır, herhangi bir yavaşlama hissetmedim. Dönen disk sabit sürücüleri (HDD) ve daha az RAM'i olan kişiler olabilir, ancak 4 GB'ın üzerinde RAM ve bir katı hal sabit sürücünüz (SSD) varsa hızlarınız hızlı olmalıdır.
  • Neden bu kadar çok paket kullanıyorsunuz?

    • Atom bir barebone editörüdür, paketleri yükleyerek ek işlevler eklemek kullanıcıya kalmıştır
    • Aslında tüm bu paketleri kullanıyorum. Bu paketlerin çoğu, diğer editörlerden Atom'a Sublime, VScode vb.
    • Metin düzenleyicim arabam gibi, tam özellikli ve kullanıma hazır olmasını seviyorum.

    Demo:

    • Yukarıda bahsettiğim Atom düzenleyici paketlerinin çoğunu yaptığım YouTube videosunda görebilirsiniz: Atom Düzenleyici - Genel Bakış ve En İyi Paketler Özeti
    • Kullanılan paketleri listeleyen blog yayını:

      Atom Düzenleyici: Genel Bakış ve Paket Özeti

cevap 2:

atom mini haritası:

vurgulu seçili:

minimap-vurgu-seçildi:

vurgu sütunu:

proje Müdürü:

atom-güzelleştirmek:

dosya simgeleri:

renk seçici:

İpucu: Bazı eklentiler atomu gerçekten yavaşlatabilir. Atomun yavaş olduğunu düşünüyorsanız, eklentinin atomu yavaşlatıp yavaşlatmadığını görmek için Packages-> Timecop'a bakın.


cevap 3:

Burada harika bir liste:

mehcode / harika-atom

Algolia'lar dahil

Otomatik tamamlama modülü içe aktarma

.

Bununla ilgili daha fazla bilgiyi burada bulabilirsiniz:

https://blog.algolia.com/atom-plugin-install-npm-module/