Emacs

5 Plugin emacs terbaik untuk pengembangan web

5 Plugin emacs terbaik untuk pengembangan web
Karena Anda di sini, Anda sudah menggunakan Emacs untuk mengedit teks, mungkin untuk email, dan tentu saja untuk tugas pengkodean. Ketika Anda mulai melakukan pengembangan web yang serius, Anda menginginkan keuntungan sebanyak mungkin. Berikut adalah beberapa alat yang akan membuat pengalaman Anda coding untuk web menggunakan Emacs.

Seperti kata pepatah, Emacs adalah sistem operasi yang tidak memiliki editor yang layak. Anda dapat mengatur semuanya sehingga Emacs menjalankan seluruh alur kerja untuk Anda, termasuk git, kompilasi, dan banyak hal lainnya.

Proyek web apa yang Anda tuju?

Daftar ini singkat untuk Anda mulai, tidak lengkap. Setelah Anda menggunakan tips di sini, temukan bagian khusus untuk kerangka kerja dan alat web khusus Anda. Daftar alatnya sangat panjang sehingga Anda hanya perlu menemukan favorit Anda sendiri.

Daftar ini dibagi menjadi beberapa bagian sehingga Anda dapat menemukan apa yang perlu Anda tingkatkan dalam alur kerja Anda. Nikmati pengkodean Anda, tangani kesalahan Anda sendiri, dan temukan bug dengan lebih mudah saat mengatur alat ini dengan benar.

Dalam daftar ini, Anda bahkan tidak akan menemukan alat Python hebat yang tersedia untuk Emacs. Alat-alat itu termasuk REPL sehingga Anda dapat menguji kode secara interaktif. Anda bahkan memiliki mode iPython, tempat Anda dapat membuat kode dengan komentar.

Cuplikan yang disiapkan

Sebagian besar pemrograman melibatkan penggunaan fungsi yang memiliki struktur khusus. Dokumen web selalu memiliki a dan tag yang harus ditutup dengan benar. Anda akan selalu memiliki konstruksi di mana kode yang Anda inginkan mengikuti format khusus untuk menggunakan cuplikan. Di Emacs, salah satu plugin terbaik adalah Yasnippets!

Yasnippet

Dengan Yasnippets, Anda menentukan teks apa yang perlu Anda miliki dalam kode Anda. Anda juga dapat menggunakan variabel dan mengisi hasilnya sebagai formulir. Plugin serupa yang tersedia untuk banyak editor adalah Emmmet-mode.

Semut

Emmet-mode adalah alat di mana singkatan membuat seluruh kode. Contoh pertama di halaman web mereka menunjukkan bagaimana Anda menggunakan tanda bintang untuk mengalikan untuk mendapatkan daftar. Sintaksnya bekerja mirip dengan CSS, tetapi disesuaikan dengan bahasa markup, termasuk HTML. Untuk memperluas fungsionalitas, Anda menggunakan file JSON. Dalam hal ini, Anda dapat menambahkan cuplikan yang sesuai dengan kebutuhan Anda lebih dekat daripada alat standar.

cek terbang

Flycheck akan memeriksa kode Anda untuk kesalahan sintaks saat Anda mengetik. Agar ini berfungsi, Anda memerlukan pustaka atau perangkat dasar yang benar-benar mengetahui bahasanya. Ada alat ini untuk banyak bahasa. Untuk pengembangan web, cari alat seperti html-tidy, jshint, dan pylint. Banyak alat dan bahasa lain yang didukung. Ini adalah bagian penting untuk membuat Emacs kuat untuk pengembangan perangkat lunak.

Dalam pengaturan emacs Anda, Anda juga perlu menambahkan bahasa tertentu yang Anda dukung dengan. Bahasa yang didukung jelas ketika Anda memeriksa MELPA, atau situs lain, untuk Flycheck. Sebenarnya, ada baiknya untuk memeriksa apa yang dapat dilakukan Flycheck untuk Anda, terlepas dari bahasa yang Anda kembangkan. Array bahasa sangat besar!

Mode pengeditan langsung

Ada banyak cara Anda dapat menggunakan Emacs untuk membuat halaman web Anda terlihat bagus dan berfungsi dengan benar. Anda juga memiliki banyak cara untuk melihat hasil kode Anda secara langsung di browser saat Anda mengetik. Ini memberi Anda umpan balik instan pada setiap perubahan yang Anda buat, menjadikan debugging sebagai bagian integral dari pengembangan perangkat lunak Anda. Salah satu solusi untuk melakukan ini adalah dengan mode tusuk sate.

Modus tusuk sate

Mode tusuk sate mengatur direktori Anda sebagai halaman web tetapi secara lokal di sistem Anda saat ini. Kemudian memulai server web dan menyajikan kode ke browser web pilihan. Dengan pengaturan ini, Anda memiliki browser yang menunjukkan halaman di jendela berikutnya. Server web dikonfigurasi untuk memuat ulang halaman segera setelah file diubah. Tidak perlu mengkompilasi, mentransfer, dan memulai ulang server web.

JavaScript

Saat memprogram dalam JavaScript, Anda memiliki banyak jebakan untuk tersandung. Sementara Flycheck akan memeriksa sintaks Anda, js2-mode akan melakukan penyorotan sintaks sambil juga menunjukkan kesalahan sintaks saat Anda mengetik. Mode ini sangat penting untuk melewati banyak kode untuk mencapai hasil impian Anda saat membuat kode dalam JavaScript.

Mode ini juga mendukung BEJ dan Penutupan.

indium

Setelah membaca semua ini, Anda akan senang mengetahui bahwa Anda juga dapat menemukan bundel yang mengemas semuanya dengan rapi. Salah satu yang terbaik adalah Indium. Indium sebenarnya terbelah menjadi dua bagian. One piece adalah paket emacs Anda yang tersedia di MELPA; yang lainnya adalah paket NPM. Paket NPM mudah dipasang menggunakan 'npm install indium.' Setelah keduanya diinstal, Anda perlu membuat pengaturan di direktori proyek Anda, bernama '.indium.json'. Persyaratannya sederhana di NodeJS, tetapi ketat. Itu juga menyadari di Chromium berfungsi karena semua alat debugging berasal dari sana.

Kesimpulan

Untuk memulai pengembangan web, Anda mungkin berpikir bahwa Anda memerlukan IDE yang bagus. Di mana lagi Anda bisa mendapatkan semua lonceng dan peluit? Di Emacs, di situlah Anda dapat menemukannya. Menggunakan alat-alat ini dan banyak lagi akan membawa Anda sangat jauh, dan Anda mungkin tidak memerlukan alat lain untuk membuat halaman web yang hebat! Namun, jika Anda tidak setuju dengan beberapa alat ini, ada banyak alat luar biasa yang tersedia untuk Emacs jika Anda melihat-lihat. Satu titik awal yang baik tersedia di GitHub dan memang diberi nama 'Awesome Emacs.'

Cara Menginstal dan Memainkan Doom di Linux
Pengantar Doom Seri Doom berasal dari tahun 90-an setelah rilis Doom. Itu adalah hit instan dan sejak saat itu seri game telah menerima banyak penghar...
Vulkan untuk Pengguna Linux
Dengan setiap generasi baru kartu grafis, kami melihat pengembang game mendorong batas kesetiaan grafis dan selangkah lebih dekat ke fotorealisme. Tet...
OpenTTD vs Simutrans
Membuat simulasi transportasi Anda sendiri bisa menyenangkan, santai, dan sangat menarik. Itulah mengapa Anda perlu memastikan bahwa Anda mencoba game...