Vue中.prettierrc文件的常见配置(浅显易懂)

更新时间：2022年07月31日 09:15:51 作者：小柠檬爱编程

这篇文章主要介绍了Vue中.prettierrc文件的常见配置，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

.prettierrc文件常见配置

当我们使用右键格式化的时候，就会自动帮我们补全符号，但是，有些符号在eslint中就会报语法错误，那我们需要怎么办呢？可以通过.prettierrc来进行文件配置

在文件的根目录建一个.prettierrc文件，在文件里写上如下代码：

{
    "semi": false,    // 使用分号, 默认true
    "singleQuote": true,   // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
    "bracketSpacing": true   // 对象中的空格 默认true
}

.prettierrc文件的作用

使用vcode下载安装 Prettier - Code formatter

在 .prettierrc中配置自己的代码格式，配置后重新启动项目

{
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true,
    "printWidth": 180
}

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue组件生命周期详解
这篇文章主要为大家详细介绍了vue组件生命周期，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
vue实现密码显示与隐藏按钮的自定义组件功能
本文通过两种思路给大家介绍vue实现密码显示与隐藏按钮的自定义组件功能，感兴趣的朋友跟随小编一起看看吧
2019-04-04
vue3中如何使用codemirror6增加代码提示功能
这篇文章主要给大家介绍了关于vue3中如何使用codemirror6增加代码提示功能的相关资料,Codemirror是一个不错的Web代码编辑库,可以方便简单的集成,需要的朋友可以参考下
2023-08-08
vue 项目中当访问路由不存在的时候默认访问404页面操作
这篇文章主要介绍了vue 项目中当访问路由不存在的时候默认访问404页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
Vue添加请求拦截器及vue-resource 拦截器使用
这篇文章主要介绍了Vue添加请求拦截器及vue-resource 拦截器使用,需要的朋友可以参考下
2017-11-11
vue实现一个单文件组件的完整过程记录
整个项目结构清晰,尤其单文件组件的表现力尤为突出,使得每个组件的逻辑都没有过于复杂,所以这篇文章主要给大家介绍了关于vue实现一个单文件组件的相关资料,需要的朋友可以参考下
2021-06-06
Vue源码解析之Template转化为AST的实现方法
这篇文章主要介绍了Vue源码解析之Template转化为AST的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-12-12
Vue列表循环从指定下标开始的多种解决方案
这篇文章主要介绍了Vue列表循环从指定下标开始的多种方案,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-04-04
Vue axios库发送请求的示例介绍
axios是基于promise的HTTP库，可以使用在浏览器和node.js中，它不是vue的第三方插件，vue-axios是axios集成到Vue.js的小包装器，可以像插件一样安装使用:Vue.use(VueAxios, axios)，本文给大家介绍Vue axios和vue-axios关系，感兴趣的朋友一起看看吧
2022-08-08
Vue中常见混淆用法汇总
本文主要介绍了在Vue中使用的一些常见混淆用法,包括new Vue()、export default {}、createApp()等,以及如何使用混淆器对代码进行加固,需要的可以参考下
2023-12-12