Cara mengatur bahasa secara manual untuk penyorotan sintaksis dalam Visual Studio Code


346

Sebelum kebingungan dimulai, pertanyaan ini adalah tentang Code, Visual Studio Editor baru yang ringan. Anda bisa mendapatkannya dari sini: https://code.visualstudio.com/

Saya memiliki file teks (.txt) dengan CSS di dalamnya dan ingin mendapatkan sintaks hightlighting. Anda dapat membuka palet perintah dengan ctrl+ shift+ p. Tetapi di sana Anda tidak dapat mengatur sintaksis seperti di Sublime.

Apakah ada cara lain untuk mendapatkan pewarnaan CSS dari textfile saya?


Untuk penekanan lebih lanjut, solusi di sini TIDAK berlaku untuk Visual Studio dengan sedih. Saya baru hari ini belajar tentang keberadaan Visual Studio Code. Alangkah baiknya jika Visual Studio biasa mengadopsi saklar mode bahasa yang serupa. Oh Microsoft ...
Mr.Z

Jawaban:


589

Di sudut kanan bawah, kiri ke smiley ada ikon bertuliskan "Teks Biasa". Ketika Anda mengkliknya, menu dengan semua bahasa muncul di mana Anda dapat memilih bahasa yang Anda inginkan.

VSCode


9
Ctrl + K, Ctrl + M & Ctrl + K, M: Terlalu membingungkan. Solusi ini hebat!
Upendra

24
Omg, kenapa bukan bagian dari palet perintah juga !? Saya tidak akan pernah menemukannya di sana, terima kasih :)
jaredwilli

3
Bagaimana caranya agar file dengan ekstensi ini selalu menggunakan format?
frumbert

18
Saya suka panah merah itu.
Henning Fischer

1
Jalan pintas yang ada untuk itu memang bodoh. Saya masuk ke pintasan keyboard, menemukan "Ubah bahasa mode" dan mengatur pintasan cmd+opt+pyang tidak persis sama dengan luhur tetapi jauh lebih mudah untuk memori otot daripada K + M
Matt Fletcher

279

Tekan Ctrl + KMlalu ketikkan (atau klik) bahasa yang Anda inginkan.

Atau, untuk mengaksesnya dari palet perintah, cari "Ubah Bahasa Mode" seperti yang terlihat di bawah ini:

masukkan deskripsi gambar di sini


43
Jika Anda melihat panel Extensions, Anda mungkin menekan Ctrl + K, Ctrl + M bukannya Ctrl + K, M, yang merupakan kesalahan yang saya buat.
Chris

14
cmd + KM pada Mac.
Adam Parkin

6
@gitsitgo, Ada apa dengan KM?
Pacerier

1
macOS: shift + cmd + P
gderaco

9
Ini harus diubah namanya menjadi "Ubah Penyorotan Sintaks"
Simon Somlai

32

Alasan lain mengapa orang mungkin berjuang untuk membuat Syntax Highlighting berfungsi adalah karena mereka tidak memiliki paket sintaks yang sesuai yang diinstal. Sementara beberapa paket sintaks standar telah diinstal sebelumnya (seperti Swift, C, JS, CSS), yang lain mungkin tidak tersedia.

Untuk mengatasinya Anda dapat Cmd + Shift + P→ "menginstal Extensions" dan mencari bahasa yang ingin Anda tambahkan, katakan "Scala".

masukkan deskripsi gambar di sini

Temukan paket Sintaks yang sesuai, instal, dan muat ulang. Ini akan mengambil sintaks yang benar untuk file Anda dengan ekstensi yang telah ditentukan, yaitu .scaladalam hal ini.

Selain itu, Anda mungkin ingin VS Code memperlakukan semua file dengan ekstensi khusus tertentu sebagai bahasa pilihan Anda. Katakanlah Anda ingin menyorot semua *.esfile sebagai JavaScript, lalu cukup buka "Pengaturan Pengguna" ( Cmd + Shift + P→ "Pengaturan Pengguna") dan konfigurasikan asosiasi file khusus seperti:

  "files.associations": {
    "*.es": "javascript"
  },

5
Terima kasih - files.associations adalah apa yang saya cari
statler

1
Anda mendapatkan cookie dari saya dengan tidbit asosiasi file, terima kasih!
user188757

19

Sintaksis Menyoroti untuk ekstensi file khusus

Setiap ekstensi file khusus dapat dikaitkan dengan penyorotan sintaksis standar custom files associationdalam Pengaturan Pengguna sebagai berikut.

Mengubah pengaturan Asosiasi File untuk Penyorotan Sintaksis permanen

Perhatikan bahwa ini akan menjadi pengaturan permanen. Untuk mengatur sesi saat ini saja, ketikkan bahasa yang disukai diSelect Language Mode kotak (tanpa mengubah file associationpengaturan)

Menginstal Paket Sintaks baru

Jika paket sintaks yang diperlukan tidak tersedia secara default, Anda dapat menambahkannya melalui Extension Marketplace ( Ctrl+Shift+X) dan mencari paket bahasa.

Anda selanjutnya dapat mereproduksi langkah-langkah di atas untuk memetakan ekstensi file dengan paket sintaks baru.


4

Untuk mengatur sintaks bahasa secara permanen:
buka settings.jsonfile

*) memformat semua file txt dengan format javascript

"files.associations": {
        "*.txt": "javascript"

 }

*) memformat semua file yang belum disimpan (tanpa judul-1 dll) ke javascript:

"files.associations": {
        "untitled-*": "javascript"

 }

4

Perhatikan bahwa untuk "Untitled" editor (" Untitled-1", " Untitled-2"), Anda sekarang dapat mengatur bahasa di pengaturan.

Pengaturan sebelumnya adalah:

"files.associations": {
        "untitled-*": "javascript"
 }

Ini tidak akan selalu berfungsi lagi, karena dengan VSCode 1.42 (Q1 2020) akan mengubah judul editor tanpa judul tersebut .
The judul sekarang akan menjadi baris pertama dari dokumen untuk judul redaksi , bersama nama generik sebagai bagian dari deskripsi.
Itu tidak akan mulai lagi dengan " untitled-"

Lihat " Peningkatan editor tanpa judul "

Mengenai bahasa terkait untuk editor "Tanpa Judul" itu:

Secara default, file tanpa judul tidak memiliki mode bahasa tertentu yang dikonfigurasi.

Kode VS memiliki pengaturan files.defaultLanguage,, untuk mengonfigurasi bahasa default untuk file tanpa judul.

Dengan rilis ini, pengaturan dapat mengambil nilai baru {activeEditorLanguage}yang secara dinamis akan menggunakan mode bahasa editor aktif saat ini, bukan default tetap .

Selain itu, ketika Anda menyalin dan menempelkan teks ke editor tanpa judul, VS Code sekarang akan secara otomatis mengubah mode bahasa editor tanpa judul jika teks itu disalin dari editor VS Code:

https://media.githubusercontent.com/media/microsoft/vscode-docs/vnext/release-notes/images/1_42/untitled-copy2.gif

Dan lihat workbench.editor.untitled.labelFormatdi VSCode 1.43 .

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.