Rumah alat pembangunan VSCode vscode中格式化css代码标签属性不换行

vscode中格式化css代码标签属性不换行

Apr 04, 2020 pm 02:30 PM
css vscode

vscode中格式化css代码标签属性不换行

解决方法:

打开 文件=》首选项=》设置     然后搜索  "vetur.format.defaultFormatterOptions" ,如下图:

89a14ecd87263114dd8aecca5a440da.png

然后点击‘在settings.json中编辑’;之后将如下代码复制到settings.json内。

"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_line_length": 120,
      "wrap_attributes": "auto",
      "end_with_newline": false
    }
  }
Salin selepas log masuk

 如下图:

d00fa1bc2e3bab760bf5c994811f015.png

按Ctrl+s保存即可。

相关教程推荐:vscode教程

Atas ialah kandungan terperinci vscode中格式化css代码标签属性不换行. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

<🎜>: Bubble Gum Simulator Infinity - Cara Mendapatkan dan Menggunakan Kekunci Diraja
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Sistem Fusion, dijelaskan
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1667
14
Tutorial PHP
1273
29
Tutorial C#
1255
24
HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku Apr 18, 2025 am 12:09 AM

Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.

Selesaikan masalah caching dalam kraf CMS: Menggunakan plug-in wiejeben/craft-laravel-mix Selesaikan masalah caching dalam kraf CMS: Menggunakan plug-in wiejeben/craft-laravel-mix Apr 18, 2025 am 09:24 AM

Apabila membangunkan laman web yang menggunakan CraftCMS, anda sering menghadapi masalah caching fail sumber, terutamanya apabila anda sering mengemas kini fail CSS dan JavaScript, versi lama fail mungkin masih di -cache oleh penyemak imbas, menyebabkan pengguna tidak melihat perubahan terkini dalam masa. Masalah ini bukan sahaja memberi kesan kepada pengalaman pengguna, tetapi juga meningkatkan kesukaran pembangunan dan debugging. Baru-baru ini, saya menghadapi masalah yang sama dalam projek saya, dan selepas beberapa penjelajahan, saya dapati plugin Wiejeben/Craft-Laravel-Mix, yang sempurna menyelesaikan masalah caching saya.

Cara Mengoptimumkan Prestasi Laman Web: Pengalaman dan Pelajaran yang Dipelajari Dari Menggunakan Perpustakaan Minify Cara Mengoptimumkan Prestasi Laman Web: Pengalaman dan Pelajaran yang Dipelajari Dari Menggunakan Perpustakaan Minify Apr 17, 2025 pm 11:18 PM

Dalam proses membangunkan laman web, peningkatan pemuatan halaman selalu menjadi salah satu keutamaan saya. Sekali, saya cuba menggunakan Perpustakaan Minify untuk memampatkan dan menggabungkan fail CSS dan JavaScript untuk meningkatkan prestasi Laman Web. Walau bagaimanapun, saya menghadapi banyak masalah dan cabaran semasa penggunaan, yang akhirnya membuat saya menyedari bahawa minify mungkin tidak lagi menjadi pilihan terbaik. Di bawah ini saya akan berkongsi pengalaman saya dan cara memasang dan menggunakan Minify melalui komposer.

HTML vs CSS dan JavaScript: Membandingkan Teknologi Web HTML vs CSS dan JavaScript: Membandingkan Teknologi Web Apr 23, 2025 am 12:05 AM

HTML, CSS dan JavaScript adalah teknologi teras untuk membina laman web moden: 1. HTML mentakrifkan struktur laman web, 2. CSS bertanggungjawab untuk kemunculan laman web, 3.

Cara menjana html dengan luhur Cara menjana html dengan luhur Apr 16, 2025 am 09:03 AM

Terdapat dua cara untuk menjana kod HTML dalam teks luhur: Menggunakan plugin Emmet, anda boleh menjana elemen HTML dengan memasukkan singkatan dan menekan kekunci TAB, atau menggunakan template fail HTML yang telah ditetapkan yang menyediakan struktur HTML asas dan ciri -ciri lain seperti snippet kod, fungsi autokomplet, dan empelets.

Titik pengoptimuman Laravel8 Titik pengoptimuman Laravel8 Apr 18, 2025 pm 12:24 PM

Laravel 8 menyediakan pilihan berikut untuk Pengoptimuman Prestasi: Konfigurasi Cache: Gunakan Redis ke Pemacu Cache, Fasad Cache, Pandangan Cache, dan Page Page. Pengoptimuman pangkalan data: Menetapkan pengindeksan, gunakan skop pertanyaan, dan gunakan hubungan fasih. Pengoptimuman JavaScript dan CSS: Gunakan Kawalan Versi, Gabungan dan Secrink Aset, Gunakan CDN. Pengoptimuman kod: Gunakan pakej pemasangan komposer, gunakan fungsi pembantu Laravel, dan ikuti piawaian PSR. Pemantauan dan Analisis: Gunakan Pengakap Laravel, gunakan teleskop, memantau metrik aplikasi.

Cara Memudahkan Pembangunan CMS dengan Komposer: Aplikasi Praktikal Perpustakaan Lebenlabs/SimpleCms Cara Memudahkan Pembangunan CMS dengan Komposer: Aplikasi Praktikal Perpustakaan Lebenlabs/SimpleCms Apr 18, 2025 am 09:45 AM

Apabila membangunkan Sistem Pengurusan Kandungan baru (CMS), saya menghadapi masalah yang sama tetapi sukar: bagaimana dengan cepat membina CMS berfungsi sepenuhnya tanpa menambah terlalu banyak kerumitan. Terdapat banyak penyelesaian CMS siap sedia yang terdapat di pasaran, tetapi mereka sering terlalu besar dan kompleks untuk mengkonfigurasi dan boleh menjadi beban untuk projek-projek kecil. Selepas beberapa penjelajahan, saya dapati Perpustakaan Lebenlabs/SimpleCMS, yang menyediakan penyelesaian yang mudah dan cekap melalui komposer.

Pertukaran mata wang 2025 yang lebih selamat? Pertukaran mata wang 2025 yang lebih selamat? Apr 20, 2025 pm 06:09 PM

Sepuluh teratas yang selamat dan boleh dipercayai di lingkaran cryptocurrency 2025 termasuk: 1. Pertukaran ini dinilai sebagai selamat dan boleh dipercayai berdasarkan pematuhan, kekuatan teknikal dan maklum balas pengguna.

See all articles