您现在的位置是:网站首页> 编程资料编程资料
vscode 配置eslint和prettier正确方法_其它综合_
2023-05-27 70人已围观
简介 vscode 配置eslint和prettier正确方法_其它综合_
ESlint
ESLint 是一款语法检测工具。因为 JavaScript 本身是一门灵活的动态语言,一千个 JavaScriptor 就有一千种写法。为了方便人们的理解,快速上手别人的代码。
说明
在开发项目的时候,往往会通过eslint
来检查代码格式,而prettier
用来进行代码的格式化。本篇博文主要是记录使用vscode
开发vue
项目时的eslint
和prettier
的配置。
vscode 安装插件
首先,需要在vscode
上安装eslint
和prettier
的插件。
项目中的配置文件
在vue项目中,.eslintrc.js
文件主要负责eslint
的相关配置。
module.exports = { root: true, env: { node: true, }, extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"], parserOptions: { parser: "babel-eslint", }, rules: { "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", quotes: ['error', 'single', { allowTemplateLiterals: true }], // 单引号 允许使用反引号 semi: ['error', 'never'], // 禁止末尾使用分号 }, };
关于更多的eslint规则,可以点击这里查看。
.prettierrc.js
文件负责prettier
的规则设置:
module.exports = { tabWidth: 2, // tab semi: false, // 结尾不用分号 singleQuote: true, // 使用单引号 bracketSpacing: true, // 对象属性前后加空格 disableLanguages: ['vue'], // 不格式化vue文件 }
prettier
prettier 是一个代码格式化插件。它并不关心你的语法是否正确,只关心你的代码格式,比如是否使用单引号,语句结尾是否使用分号等等。
关于
prettier
更多详细的规则,可以点击这里查看。
保存自动格式化
如果希望在vscode
中文件保存后就自动格式化,可以在设置中进行如下的设置:
或者在settings.json
中添加下面的内容也可以做到保存格式化:
到此这篇关于vscode 配置eslint和prettier的文章就介绍到这了,更多相关vscode 配置eslint和prettier内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- 关于Centos7中Vscode无响应的问题及解决方法_其它综合_
- VSCode远程连接其他主机的WSL2的问题_其它综合_
- DevOps,CI,CD,自动化简述_其它综合_
- Mac下更换Homebrew镜像源的实现方法_其它综合_
- 适合后台管理系统开发的12个前端框架(小结)_其它综合_
- Keras搭建Efficientdet目标检测平台的实现思路_其它综合_
- 深入理解TCP协议与UDP协议的原理及区别_其它综合_
- nGrinder性能工具源码安装部署过程_其它综合_
- 从实例分析ELF格式的.gnu.hash区与glibc的符号查询全过程_其它综合_
- Xmind8 Pro 最新激活序列号_其它综合_
点击排行
- TYSB手游公测版下载-TYSB官方唯一正版手游下载 _安卓网
- 青云传之琉璃梦手游下载-青云传之琉璃梦官方版下载 v5.7.0安卓版_安卓网
- 爆枪突击专用修改器下载-爆枪突击无限兑换码 v1.0.0.3辅助修改_安卓网
- 丛林动物宝宝发型沙龙游戏-丛林动物宝宝发型沙龙(休闲装扮)Baby Jungle Animal Hair Salon v1.0.10_安卓网
- 洗牌猫下载-洗牌猫(卡牌对战)Shuffle Cats v0.14.8_安卓网
- 终极奥特超人50周年版下载-终极奥特超人50周年版(奥特曼正版授权) v2.3_安卓网
- project h手机|project h安卓-project h手机版(虚拟空间女友)预约 v1.0_安卓网
- project h试玩版-project h手游试玩版预约 v1.0_安卓网