Cara Menyiapkan Persekitaran Pembangunan Elixir Di VSCode

Pasang Elixir dan Erlang menggunakan pengurus pakej seperti HomeBrew, Apt, atau Chocolatey bergantung pada OS anda. 2. Pasang pelanjutan Elixirls dalam vscode untuk menonjolkan sintaks, autocomplete, debugging, dan diagnostik. 3. Pastikan projek anda mempunyai fail campuran.exs dan jalankan campuran Deps.get dan campuran kompilasi untuk memulakan kebergantungan dan pengindeksan. 4. Secara pilihan, pasang sambungan tambahan seperti VSCode-Elixir atau Phoenix dan konfigurasikan tetapan VSCode untuk persatuan pemformatan dan fail. 5. Sediakan debugging dengan membuat fail launch.json untuk membolehkan tugas -tugas campuran seperti ujian atau lari dari panel Run dan Debug, selepas itu Elixirls akan menyokong sepenuhnya aliran kerja pembangunan produktif di VSCode.

Menyediakan persekitaran pembangunan elixir di vscode memberi anda aliran kerja yang lancar dan produktif dengan ciri -ciri seperti sintaks yang menonjolkan, autocomplete, debugging, dan alat terminal bersepadu. Inilah cara untuk mendapatkan semuanya berfungsi dengan baik.

Pasang Elixir dan Erlang

Sebelum mengkonfigurasi VSCode, pastikan Elixir dan Erlank dipasang pada sistem anda, kerana mereka dikehendaki menjalankan dan menyusun kod Elixir.

• Pada macOS , gunakan homebrew:

   Memasang Memasang Erlang Elixir

• Di Ubuntu/Debian , gunakan Repositori Penyelesaian Erlang Rasmi:

   wget https://packages.erlang-solutions.com/erlang-solutions_2.0_all.deb
  sudo dpkg -i erlang-solutions_2.0_all.deb
  Kemas kini sudo apt
  sudo apt memasang ESL-erlang elixir

• Di tingkap , gunakan coklat :

   Choco memasang Elixir

Sahkan pemasangan:

 Elixir -v
Erl -version

Pasang pelanjutan Elixir LS di vscode

Pelanjutan yang paling penting untuk Elixir di VSCode ialah Elixirls: Sokongan dan Debugger Elixir .

1. Buka vscode.
2. Pergi ke paparan sambungan ( Ctrl Shift X atau Cmd Shift X ).
3. Cari "Elixirls" .
4. Pasang pelanjutan oleh Jake Becker .

Pelanjutan ini menyediakan:

• Ciri-ciri sintaks yang menyedari (pergi ke definisi, cari rujukan)
• Auto-lengkap melalui ElixirSense
• Diagnostik sebaris (kesilapan/amaran pengkompil)
• Integrasi Debugger
• Dokumentasi pada Hover

Sebaik sahaja dipasang, ia akan secara automatik diaktifkan apabila anda membuka fail .ex atau .exs .

Konfigurasikan campuran dan dependensi

Elixirls bergantung pada persediaan campuran projek anda. Untuk lanjutan berfungsi dengan betul:

• Pastikan projek anda mempunyai fail mix.exs .
• Run mix deps.get untuk mengambil kebergantungan.
• Run mix compile sekurang -kurangnya sekali supaya Elixirls dapat mengindeks kod tersebut.

Sekiranya anda memulakan projek baru:

 Campurkan my_app baru
cd my_app
Campurkan deps.get

Buka folder Projek di VSCode - Elixirls harus bermula secara automatik dan tunjukkan "Elixirls Inisialisasi" dalam bar status.

Pilihan: Sambungan dan tetapan yang disyorkan

Untuk meningkatkan pengalaman elixir anda, pertimbangkan alat tambahan ini.

Sambungan:

• VSCODE-ELIXIR -Menambah penonjolan sintaks yang lebih baik (pilihan, kerana Elixirls merangkumi kebanyakan keperluan).
• Prettier - bukan untuk Elixir secara langsung, tetapi membantu jika anda menggunakan Phoenix dengan HTML/JS.
• Phoenix - Jika anda menggunakan Phoenix, ini menambah coretan dan pengesanan fail.

Tetapan VSCode (Settings.json): Anda boleh menyesuaikan editor anda untuk pemformatan dan tingkah laku elixir. Buka settings.json dan tambah:

 {
  "Editor.FormatonSave": Benar,
  "editor.insertspaces": Benar,
  "editor.tabsize": 2,
  "Files.Associations": {
    "*.ex": "Elixir",
    "*.exs": "Elixir"
  },
  "Elixirls: Dialyzerenabled": Benar,
  "Elixirls: FetchDeps": Benar,
  "Elixirls: Dialyzerenabled": Benar
}

Nota: Dialyzer boleh perlahan pada projek besar. Lumpuhkannya ( "elixirLS: dialyzerEnabled": false ) Jika prestasi adalah masalah.

Debugging Code Elixir

Elixirls menyokong penyahpepijatan melalui debugger vscode terbina dalam.

1. Tetapkan titik putus dalam fail .ex anda.
2. Buat fail launch.json di bawah .vscode/launch.json :

    {
   "Versi": "0.2.0",
   "Konfigurasi": [
    {
      "jenis": "mix_task",
      "Nama": "ujian campuran",
      "Permintaan": "Pelancaran",
      "ProjectDir": "$ {WorkspaceFolder}",
      "tugas": "ujian",
      "TaskArgs": ["--trace"]
    },
    {
      "jenis": "mix_task",
      "Nama": "Mix Run",
      "Permintaan": "Pelancaran",
      "ProjectDir": "$ {WorkspaceFolder}",
      "tugas": "lari",
      "TaskArgs": ["--No-HALT"]
    }
   ]
   }

Sekarang anda boleh menjalankan atau menguji ujian dan skrip secara langsung dari panel Run dan Debug.

---

Itu sahaja. Dengan Elixirls dan persediaan Elixir yang betul, vscode menjadi IDE Elixir yang kuat. Ingatlah untuk menjalankan mix deps.get dan mix compile apabila memulakan projek baru - selebihnya harus berfungsi dari kotak.

Atas ialah kandungan terperinci Cara Menyiapkan Persekitaran Pembangunan Elixir Di VSCode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!