前言

使用 vue-cli 创建 vue 项目的时候，会出现是否需要安装 eslint 插件的提示。

eslint，是一个语法检测工具，我们可以使用 prettier插件，实现自动格式化，得到一个符合 eslint 规则的文件，免去了手动格式化这一繁琐流程。

配置

需要在开发工具中安装 eslint 和 prettier 插件。右键选择格式化文档的方式… - 选择 “Prettier - Code formatter”

在 vue 2 项目根目录中，创建一个名字为 .prettierrc 的文件，文件内容可以参考如下：

{"printWidth": 120,"tabWidth": 2,"semi": false,"singleQuote": true,"trailingComma": "none","vueIndentScriptAndStyle": true，"parser": "babel"
}

保存文件便会自动格式化当前编辑的 vue 项目。

最后，如果您有更好的方法，欢迎在留言区中分享；或者实际操作中遇到什么问题均可留言或者私信我，感谢您的观看！

关于 Vue2 .prettier 配置项相关推荐

Vue2+Vue3基础知识总结
Vue3新特性 setup() 新的配置项,值为一个函数,用于配置组件中所用到的所有数据.方法.若返回一个对象,则对象中的属性.方法在模板中均可以直接使用:若返回一个渲染函数,则可以自定义渲染内容(了 ...
vue2+vue3——36+
vue2+vue3--36+ 尚硅谷 vue2 vue2 Vue监测数据的原理_数组[18:56] 数组 vue 查看没有 set() get() 对象有 get() set() 监测不到不更新 ...
vue2+vue3——107+
vue2+vue3--107+ vue2 Vuex工作原理图[23:54] vue2 搭建Vuex环境[26:40] 插入话题 npm i vue@3 store / index.js 修改 vue ...
前端开发规范V2023.5
前端开发规范本文档适用于所有前端项目的开发,为了方便开发团队和个人统一规范风格而作.文档中包含了开发中需要注意的事项以及参考建议,本文档不单是一篇规范要求,同时也是前端开发手册,当你不知如何做比较好 ...
从0开始手把手带你入门Vue3-全网最全(1.1w字)
天命不足畏,祖宗不足法. --王安石前言本文并非标题党,而是实实在在的硬核文章,如果有想要学习Vue3的网友,可以大致的浏览一下本文,总体来说本篇博客涵盖了Vue3中绝大部分内容,包含常用的Com ...
idae 格式化代码设置eslint_vscode 中格式化代码[vue2支持，插件ESLint、Prettier、Vetur]...
1. 安装vscode插件ESLint Prettier formatter for Visual Studio Code Vetur 2. 配置文件 .editorconfigroot = true ...
Prettier + Vetur 进行Vue2项目代码格式化
Prettier 是一个代码格式化工具,它可以支持 js/jsx/ts/flow/json/css/less/scss 等文件格式. 为什么要使用 Prettier? 用来替代 lint 中的一些场景 ...
prettier常用配置项
常用配置 "tabWidth": 2, "printWidth": 100, "semi": true, "singleQuote ...
Vue2学习笔记1 - win10下安装vue开发环境
操作系统为Win10_x64 1.安装NodeJs Vue的安装依赖NodeJs,所以需要先安装NodeJs,去NodeJs官网(http://nodejs.cn/download/)下载对应系统的n ...

关于 Vue2 .prettier 配置项

前言

配置

关于 Vue2 .prettier 配置项相关推荐

最新文章

热门文章