在vs code上对代码格式化缩进设置

在各种踩坑后终于找到了解决办法:
1.安装prettier插件在这里插入图片描述
安装之后就可以使用alt + shift + f 快捷键来格式化代码啦。
2.将下面的设置取消勾选在这里插入图片描述
此后文件的右下角的缩进就会和你编辑器设置的缩进一致啦。
3.添加.prettierrc.js配置文件
当你在文件中使用快捷键格式化代码的时候,发现文件的缩进和你设置的缩进不一致(编辑器设置的是4个,格式化之后还是2个),解决办法就是在项目根目录下添加.prettierrc.js配置文件(文件位置和package.json同级)

// prettier.config.js or .prettierrc.js
module.exports = {
    trailingComma: 'es5',
    tabWidth: 4,
    semi: false,
    singleQuote: true,
}

附上此文件配置的官方文档链接
4.安装
若你按照以上过程配置好之后发现使用快捷键时报**Invalid prettier configuration file detected. See log for details.**的错误,此时你需要在终端输入npm install --save-dev --save-exact prettier语句(根据需要,我这边使用的是npm,你还可以使用yarn或npx进行安装,详情请戳官方链接)贴心的我再附加一张图片

此时通过快捷键(实际上按保存快捷键也可)就可格式化代码啦!
在这里插入图片描述

发布了1 篇原创文章 · 获赞 0 · 访问量 19
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览