前端格式化工具之Prettier

2022-07-06 22:24:11 字數 1213 閱讀 3348

prettier是什麼?

prettier是一款**格式化程式,通過prettier可以根據配置實現**的格式化。

eslint 是一款校驗程式,prettier是一款格式化程式。

prettier使用:

1、安裝prettier依賴

npm i -d prettier eslint-plugin-prettier eslint-config-prettier prettier-eslint-cli

新增prettier檔案

在根目錄新增.perttierrc.js檔案,並加入下面配置。

1 module.exports =;
1、安裝eslint依賴

npm i -d eslint babel-eslint eslint-plugin-vue @vue/cli-plugin-eslint

2、新增eslint檔案

在根目錄建立.eslintrc.js 並新增配置

1 module.exports =,

6 extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],

7parseroptions: ,

10rules: ,

14 };

3、安裝prettier依賴

npm i -d prettier eslint-plugin-prettier eslint-config-prettier prettier-eslint-cli

4、新增prettier檔案

在根目錄新增.perttierrc.js檔案,並加入下面配置。

1 module.exports =;
2、setting設定

1) eslint 設定

2)file watcher設定

jsonViewer json格式化工具

以前一直以來都覺得xml個可讀性要比json的可讀性好,後來使用了json viewer這個小工具之後,發現自己錯了。之前認為json的可讀性差,完全是因為沒有很好的檢視工具。json viewer這個小工具可以很方便的檢視json資料。點選format可以方便的將凌亂的json格式化。如果json...

sourceinsight加入格式化工具

gnu的astyle是乙個免費的 格式化工具,能夠格式化c c 等 我們可以將astyle.exe外掛程式到sourceinsight中,具體步驟如下 在 1 ansi c 格式化當前檔案的命令為 d lb astyle bin astyle.exe style ansi s4 s n l m0 m...

數字格式化工具類

數字格式化工具類.public abstract class numberutils param doublestr param pattern return public static string format string doublestr,string pattern catch numb...