使用vcode下載安裝 Prettier - Code formatter（要啟用該插件）
然后還要 設(shè)置 vcode 編輯器的 默認(rèn)格式化 為 Prettierxxx ，
操作步驟： 在vcode 中，按下 ctrl+shift+p 出現(xiàn)彈框，然后點(diǎn)擊 箭頭指向的 項(xiàng)

然后出現(xiàn)下面圖片所示， 點(diǎn)擊 配置格式化程序

然后出現(xiàn) 可以選擇的 格式化文檔 – 這里我們要選擇 箭頭所指的項(xiàng)

然后 建立 .prettierrc 文件，在里面配置自己的代碼格式
– 配置后重新啟動(dòng)項(xiàng)目，才會(huì)生效

{//每行最多多少個(gè)字符換行"printWidth": 100, // tab縮進(jìn)大小,默認(rèn)為2"tabWidth": 4,// 使用tab縮進(jìn)，默認(rèn)false"useTabs": false,// 使用分號(hào), 默認(rèn)true"semi": false,// 使用單引號(hào), 默認(rèn)false(在jsx中配置無(wú)效, 默認(rèn)都是雙引號(hào))"singleQuote": false,// 行尾逗號(hào),默認(rèn)none,可選 none|es5|all// es5 包括es5中的數(shù)組、對(duì)象// all 包括函數(shù)對(duì)象等所有可選"TrailingCooma": "all",// 對(duì)象中的空格 默認(rèn)true// true: { foo: bar }// false: {foo: bar}"bracketSpacing": true,// JSX標(biāo)簽閉合位置 默認(rèn)false// false: <div// className=""// style={{}}// >// true: <div// className=""// style={{}} >"jsxBracketSameLine": false,// 箭頭函數(shù)參數(shù)括號(hào) 默認(rèn)avoid 可選 avoid| always// avoid 能省略括號(hào)的時(shí)候就省略 例如x => x// always 總是有括號(hào)"arrowParens": "avoid" }

總結(jié)

以上是生活随笔為你收集整理的vue .prettierrc文件常见配置， 以及配置 Prettier - Code formatter 插件 格式化的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。