工具

简介在写Vue时，使用Vscode默认格式化，总是把代码格式化的一团糟糕。而使用Prettier则可以解决这个问题，该工具可以自定义代码风格，并且支持多种主流格式文件。使用方法在Vscode中，安装Prettier-Codeformatter，选择下载量最高的安装。然后需要在你的项目根目录中，新建一个配置文件：.prettierrc文件。接着需要在该文件中，配置你的代码风格，可以去prettier官网配置代码风格，在官网配置好了之后，点击左下角的CopyconfigJson将你的代码风格进行复制，然后粘贴到你的配置文件中去即可。这是我选择的配置，可以进行参考。{"arrowParens":"always","bracketSameLine":false,"bracketSpacing":true,"embeddedLanguageFormatting":"auto","htmlWhitespaceSensitivity":"css","insertPragma":false,"jsxSingleQuote":false,"proseWrap":"preserve","quoteProps":"as-needed","requirePragma":false,"semi":true,"singleQuote":false,"tabWidth":4,"trailingComma":"es5","useTabs":true,"vueIndentScriptAndStyle":false,"printWidth":100}