cara mengaktifkan pelayan langsung atom


Jawapan 1:

Pakej Tujuan Umum untuk Atom:

  • atom-like-brackets-editor - lihat di mana pendakap keriting anda "{}", parens "()" bermula dan berakhir dengan meminta kursor anda hanya menyentuhnya.
  • atom-beautify - mempercantik HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript, dan SQL di Atom
  • atom-live-server - lancarkan pelayan http dengan kemampuan beban hati.
  • browser-plus - membolehkan anda melancarkan penyemak imbas web di Atom dalam tab baru
  • clipboard-autocomplete - Dapatkan teks dari papan keratan anda dengan mudah menggunakan 'cp' di edito anda!
  • fail-ikon - memberikan ikon dan warna peluasan fail ke fail untuk meningkatkan gerak visual
  • filesize - memaparkan ukuran fail semasa pada bar status
  • file-watcher - Pemantau fail terbuka untuk Atom yang akan meminta apabila fail pada cakera telah berubah.
  • git-clone - cepat git clone a repo dan buka di tetingkap atom baru
  • git-plus - membolehkan anda membuat tindakan git tanpa pergi ke terminal
  • git-time-machine - berinteraksi secara visual dengan sejarah komit git untuk fail
  • highlight-line - menonjolkan baris semasa dalam editor
  • highlight-select - apabila mengklik dua kali perkataan, ia menyoroti kejadian lain dari perkataan itu dalam fail. (pakej ini dengan minimap-highlight yang dipilih adalah awesom)
  • jumpy - mencipta hotkeys dinamik untuk melompat-lompat fail melintasi panel yang kelihatan.
  • linter - linter asas untuk Atom. Anda memasang pakej linter lain di atas ini. Cari pakej linter lain yang diawali dengan perkataan "linter" di hadapannya. Cth: linter-jshint, linter-csslint, linter-jsonlint, linter-ruby, linter-pylint
  • sejarah tempatan - MENYELAMATKAN SAYA BANYAK KALI KETIKA GIT TIDAK! menyimpan sejarah perubahan anda pada fail kod. Fikirkan sejarah semakan Google Doc. Benar-benar hebat apabila anda terlupa melakukan sesuatu atau menggunakan Git.
  • maybs-quit - pengesahan mod sebelum berhenti untuk mengelakkan penutupan editor secara tidak sengaja dengan kunci [CMD-Q].
  • gabungan-konflik - membolehkan anda menyelesaikan konflik git dalam Atom
  • minimap - Pratonton kod sumber penuh (seperti Teks Sublime). CATATAN: pakej peta mini lain di bawah bergantung pada pemasangan minimap. Pakej ini digunakan bersama-sama menjadikan pengalaman penyuntingan yang hebat pada pendapat saya.
  • minimap-kursorline - Memaparkan garis kursor Atom di peta minimum
  • minimap-cari-dan-ganti - tunjukkan hasil carian & ganti pakej dalam minimap
  • minimap-highlight-select - memaparkan pilihan anda di peta minim. Package pakej pilihan sorotan diperlukan.
  • pemilihan minimap - menyoroti kejadian perkataan yang dipilih sekarang dalam peta minimum. Ini adalah cara yang mengagumkan untuk melihat berapa banyak kejadian yang ada & di mana mereka berada dalam fail!
  • minimap-git-diff - tunjukkan perubahan git dalam peta mini (hijau = penambahan, kuning = perubahan, merah = penghapusan). Bagus untuk sekilas bahagian yang anda telah ubah dalam fail besar!
  • open-in-browser - menambah "Open in Browser" ke palet arahan dan menu klik pilihan
  • open-terminal-here - menambah "Open Terminal Here" ke palet arahan dan menu klik pilihan
  • package-manager-command - lumpuhkan / aktifkan pakej dari palet arahan (seperti Teks Sublime).
  • package-setting - buka panel tetapan dengan cepat untuk pakej tertentu (seperti Sublime Text)
  • pane-layout-plus - memungkinkan untuk membuat beberapa panel dalam editor (seperti teks luhur)
  • skrip - membolehkan anda menjalankan pelbagai fail skrip di dalam Atom. Menyokong skrip JavaScript, CoffeeScript, Ruby, Python, Go, Bash dan PowerShell. Anda boleh menambah lagi!
  • set-syntax - membuat perintah Palet Perintah yang mudah untuk menetapkan sintaks fail semasa (perintah sintaks set yang serupa dari luhur)
  • swackets - mempermudah untuk mengetahui bagaimana anda berada dalam fungsi, pernyataan bersyarat
  • tetapan segerak - menyegerakkan tetapan pakej, peta kunci dan pakej yang dipasang
  • tree-view-autoresize - Autoresize pandangan pokok semasa membuka / menutup folder
  • tree-view-git-status - lihat status repositori Git anda dengan cepat di Atom tree-view.
  • platformio-ide-terminal- membolehkan anda melancarkan beberapa sesi terminal dari dalam editor Atom (menyokong cengkerang lain seperti zsh dll.)
  • rest-client - pelanggan REST sederhana untuk editor kegemaran anda (fikirkan Postman, tetapi dalam editor anda)
  • wakatime - Fitbit untuk pengaturcara. Dapatkan metrik dan pandangan automatik mengenai pengaturcaraan anda.

Pakej Frontend / Web yang berkaitan untuk Atom:

  • atom-json-color - warna JSON dengan warna setiap tahap
  • kelas automatik-id
  • autoclose-html - automatik penutupan Tag HTML
  • autoprefixer - autoprefixer fail CSS & SCSS anda
  • color-picker - memaparkan pemilih warna interaktif dari dalam Atom
  • css-clean - susun dan selaraskan CSS dan SASS dengan indah
  • css-kekhususan - menunjukkan kekhususan pemilih dalam fail CSS di Atom
  • docblockr - menjadikan penulisan komen kod javascript sangat mudah!
  • emmet - menyediakan jalan pintas untuk membuat elemen, menambahkan atribut dan nilai dan banyak lagi ketika bekerja dengan fail HTML & CSS
  • gaya hidup-atom - alat penyuntingan dua arah masa nyata untuk CSS, KURANG dan SCSS
  • pigmen - warna paparan dalam projek dan fail.
  • es6-javascript - coretan javascript untuk produktiviti pembangunan

Adakah semua pakej ini melambatkan penyunting anda?

  • Tidak, saya tidak merasakan kelambatan. Orang yang mempunyai cakera keras cakera berputar (HDD) & kurang RAM mungkin, tetapi jika anda mempunyai RAM lebih dari 4GB dan cakera keras keadaan pepejal (SSD), kelajuan anda harus cepat.
  • Mengapa anda menggunakan begitu banyak pakej?

    • Atom adalah editor barebones, terserah kepada pengguna untuk menambahkan fungsi tambahan dengan memasang pakej
    • Saya sebenarnya menggunakan semua pakej ini. Banyak pakej ini membawa fungsi dari editor lain ke Atom seperti Sublime, VScode dll.
    • Editor teks saya seperti kereta saya, saya suka ia dipaparkan sepenuhnya dan siap untuk dilancarkan.

    Demo:

    • Anda dapat melihat sebahagian besar pakej editor Atom yang saya nyatakan di atas dalam video YouTube yang saya buat: Atom Editor - Gambaran Keseluruhan dan Pakej Atas
    • Catatan blog yang menyenaraikan pakej yang digunakan:

      Penyunting Atom: Gambaran Keseluruhan & Pakej

Jawapan 2:

atom-minimap:

sorotan dipilih:

minimap-highlight-dipilih:

sorotan-lajur:

Pengurus projek:

memperindah atom:

ikon fail:

pemilih warna:

Petua: Beberapa pemalam benar-benar dapat melambatkan atom. Sekiranya anda merasakan atom lambat, lihat Pakej-> Timecop untuk melihat apakah pemalam melambatkan atom.


Jawapan 3:

Senarai hebat di sini:

mehcode / hebat-atom

Termasuk Algolia's

Import modul pelengkap automatik

.

Lebih banyak mengenainya di sini:

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