这里是文章模块栏目内容页
vscode开发时代码格式化美化插件的配置

通常在vscode的项目根目录新建文件 

.prettierrc.js

在里面配置参数例如:

module.exports = {
  printWidth: 100,
  semi: true,
  vueIndentScriptAndStyle: true,
  singleQuote: true,
  trailingComma: 'all',
  proseWrap: 'never',
  htmlWhitespaceSensitivity: 'strict',
  endOfLine: 'auto',
  plugins: ['prettier-plugin-packagejson'],
  overrides: [
    {
      files: '.*rc',
      options: {
        parser: 'json',
      },
    },
  ],
};

还要告诉vscode 哪些目录的文件打开后重新保存时不进行自动格式化:

根目录下新建文件: 

.prettierignore
dist
.local
.output.js
node_modules

**/*.svg
**/*.sh

public
.npmrc

*-lock.yaml

然后安装vscode的扩展插件:

Prettier Formatter for Visual Studio Code


好了,本文内容全部结束,感谢您的阅读,希望能帮助到你。


更多栏目
相关内容