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

然后出現下面圖片所示， 點擊 配置格式化程序

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

然后 建立 .prettierrc 文件，在里面配置自己的代碼格式
– 配置后重新啟動項目，才會生效

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。