使用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"
}

Logo

前往低代码交流专区

更多推荐