vscode针对某个工程单独设置代码格式化

最新推荐文章于 2025-01-16 10:53:16 发布

编程小龙

最新推荐文章于 2025-01-16 10:53:16 发布

阅读量1k

点赞数

分类专栏： web前端文章标签： vscode 编辑器代码格式化

本文链接：https://blog.csdn.net/qq_42365534/article/details/130826950

版权

web前端专栏收录该内容

23 篇文章

订阅专栏

文章介绍了如何针对多技术栈的前端项目进行个性化配置，特别是在项目根目录下创建.vscode文件夹并编辑settings.json文件，以设定使用prettier作为默认格式化工具，vetur处理.vue文件，并规定tab键为4个空格的代码风格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

- 引入
- 配置流程

引入

很多时候我们多个前端项目使用了不同的技术栈，或者不同的工程有不同的代码规范，这是我们就需要针对单个工程进行对应的配置

配置流程

手动在项目根目录下创建 .vscode文件夹，然后在文件夹内创建 settings.json 文件来针对具体的项目设置代码格式化方案，如下所示：

在这里插入图片描述这里给一个配置参考:

默认使用prettier进行代码格式化
使用vetur针对.vue文件进行代码格式化，并指定tab键为4个空格

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.format.options.tabSize": 4
}