国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vscode vue3開發(fā)常用插件(附Prettier格式化配置)

這篇具有很好參考價(jià)值的文章主要介紹了vscode vue3開發(fā)常用插件(附Prettier格式化配置)。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

必不可少插件(名稱可能不全):

1、Chinese (Simplified) (簡體中文) Language
2、Prettier - Code formatter
3、Vue 3 Snippets
4、Vue Language Features (Volar)
5、git graph

可選插件:

5、Auto Close Tag
6、Vue Theme

Prettier格式化配置:

按ctrl+shift+p,搜索setting進(jìn)入用戶設(shè)置(全局),添加下面規(guī)則:

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "prettier.enable": true,
  "prettier.semi": false, // 句尾添加分號
  "prettier.singleQuote": true, // 使用單引號代替雙引號
  "prettier.printWidth": 100, // 超過最大值換行
  "prettier.tabWidth": 4, // 縮進(jìn)字節(jié)數(shù)
  "prettier.useTabs": false, // 縮進(jìn)不使用tab,使用空格

需要注意的是,prtttier格式化可以配置在很多文件上,配置字段也不太一樣,需要注意的文件如下:
.prettierrc.js、.prettierignore、.vscode文件夾里的settings.json文章來源地址http://www.zghlxwxcb.cn/news/detail-620116.html

到了這里,關(guān)于vscode vue3開發(fā)常用插件(附Prettier格式化配置)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【vscode 格式化】prettier 格式化之后添加逗號,與eslint沖突

    最近格式化文件的時(shí)候老是添加逗號,保存的時(shí)候會(huì)eslint在格式化一遍,將逗號刪掉;就感覺不是很舒服; 有兩種方法, 一、配置?.prettierrc 文件; 文件配置,可直接用,配合eslint使用足夠了 JSON文件是不支持備注的,cv過去時(shí)要?jiǎng)h掉注釋 2.就是在設(shè)置的搜索框中輸入“vet

    2024年02月12日
    瀏覽(105)
  • vscode配置Volar對vue3的格式化支持

    vscode配置Volar對vue3的格式化支持

    在瀏覽vue的官方文檔時(shí),看到了一句Volar VSCode 插件為 Vue SFC 提供了開箱即用的格式化功能,官方推薦的,立馬試試 在vscode中啟用volar時(shí),鼠標(biāo)右鍵會(huì)顯示使用…進(jìn)行格式化 選擇volar 通過項(xiàng)目vscode編輯器配置來保存時(shí)自動(dòng)進(jìn)行格式化 在項(xiàng)目根目錄下創(chuàng)建以下文件并配置 .vsco

    2024年02月13日
    瀏覽(18)
  • VsCode中Vue代碼格式插件,Vetur、ESLint 、Prettier - Code formatter的介紹使用及相關(guān)配置

    VsCode中Vue代碼格式插件,Vetur、ESLint 、Prettier - Code formatter的介紹使用及相關(guān)配置

    Vetur是一款Vue代碼高亮顯示的一款插件,在沒有使用此插件前,以 .vue的文件名代碼是沒有顏色的?。?! 安裝步驟:在擴(kuò)展商店中搜索(? Vetur ?)點(diǎn)擊安裝 ?ESLint插件主要用來檢測代碼的語法格式,以便我們規(guī)范書寫,避免因編譯所發(fā)生的錯(cuò)誤 。 安裝步驟:在擴(kuò)展商店中搜

    2024年02月16日
    瀏覽(39)
  • 無插件,簡單配置prettier,將微信小程序的wxml和wxss當(dāng)作html和css進(jìn)行格式化

    使用prettier的項(xiàng)目、安裝了prettier擴(kuò)展的vscode和微信開發(fā)者工具。 prettier是根據(jù)默認(rèn)的解析器對相應(yīng)的文件進(jìn)行處理,我們可以自定義什么格式的文件用什么解析器。具體看 documentSelectors。 只列出有關(guān)的配置 編輯器的配置 設(shè)置wxml和wxss文件的默認(rèn)格式化工具為prettier 配置pre

    2024年02月09日
    瀏覽(23)
  • VSCODE-Verilog開發(fā)插件/(代碼格式化+Verilog文件樹顯示+一鍵例化+UCF轉(zhuǎn)XDC+代碼錯(cuò)誤檢查+語法高亮)

    VSCODE-Verilog開發(fā)插件/(代碼格式化+Verilog文件樹顯示+一鍵例化+UCF轉(zhuǎn)XDC+代碼錯(cuò)誤檢查+語法高亮)

    VSCODE插件,可實(shí)現(xiàn)功能: 變量對齊 逗號對齊 括號對齊 快捷鍵:CTRL + L 例化的代碼自動(dòng)復(fù)制到剪切板 快捷鍵:ctrl+shift+p :輸入 Convert_instance 正常順序轉(zhuǎn)換 可實(shí)現(xiàn)序號的從小到大的排列 快捷鍵:ctrl+shift+p :輸入 Convert UCF to XDC NORMAL ORDER 或 Convert UCF to XDC SORT ORDER ucf, xdc, do, tcl 語法

    2024年03月10日
    瀏覽(122)
  • VScode自動(dòng)格式化代碼(tab縮進(jìn)、符號空格)配置beautify插件使用

    VScode自動(dòng)格式化代碼(tab縮進(jìn)、符號空格)配置beautify插件使用

    安裝插件 在插件庫搜索beautify,會(huì)彈出很多插件 你需要根據(jù)你自己的語言選擇對應(yīng)的插件安裝,盡量選擇在維護(hù)中的插件 我是做前端的,所以選擇的是beautify blade,格式化語言:javascript, JSON, CSS, Sass, and HTML ![在這里插入圖片描述](https://img-blog.csdnimg.cn/cc42b7d4f0b549a78d16c69e7d33

    2024年02月12日
    瀏覽(31)
  • VSCode開發(fā) Vue3 建議必備的插件

    VSCode開發(fā) Vue3 建議必備的插件

    在使用 Visual Studio Code (VSCode) 開發(fā) Vue 3 項(xiàng)目時(shí),有一些插件可以提高開發(fā)效率、代碼質(zhì)量和工作流程。以下是一些常用的插件,它們可以被視為 Vue 3 開發(fā)的必備插件: ?提供 Vue 文件的語法高亮。 支持 Vue 文件的智能感知和自動(dòng)完成。 提供了 Vue 文件的格式化工具。 Vetur 插件

    2024年02月04日
    瀏覽(22)
  • 分享 Vue3 開發(fā)必備的 VSCode 插件

    分享 Vue3 開發(fā)必備的 VSCode 插件,可以直接用過 VSCode 的插件中心直接安裝使用 1. Volar? ?? 下載數(shù) 153 萬+ 相信使用 VSCode 開發(fā) Vue2 的同學(xué)一定對 Vetur 插件不會(huì)陌生,作為 Vue2 配套的 VSCode 插件,它的主要作用是對 Vue 單文件組件提供高亮、語法支持以及語法檢測。 而隨著 Vu

    2024年02月13日
    瀏覽(16)
  • 使用vscode格式化文檔無效(vue代碼格式化文檔無效)

    使用vscode格式化文檔無效(vue代碼格式化文檔無效)

    問題: 最近在寫代碼的時(shí)候,vscode使用格式化文檔不管用。 原因: 單頁面使用大量element組件和html代碼導(dǎo)致,vscode識(shí)別不了。 解決方案: 1、 打開設(shè)置,點(diǎn)擊右側(cè)的圖標(biāo)打開settings.json文件,在文件中注入代碼。 settings.json文件位置,vscode左下角: ?設(shè)置頁面右上角: ?在

    2024年02月16日
    瀏覽(94)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包