Vscode Prettier插件

最新推荐文章于 2024-08-21 11:39:00 发布
最新推荐文章于 2024-08-21 11:39:00 发布
阅读量496 收藏 1
点赞数
分类专栏： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34332733/article/details/104954133
版权

这个插件对于代码洁癖的人是很不错的

但是但是

这个插件并不是那么好控制

遇到的第一个问题：单引号

这个必须得看得见
这样问题就明了了，你想更改你的prettier配置 删掉新建的配置文件，特别是.editerconfig，他会读取这个文件的配置，你在vs code setting的无论怎么配置都不行 我的单引号改了半天才发现自己的配置没有问题就是不执行，最终的原因就是因为没有删掉这个文件。

单引号的修改很简单

"prettier.singleQuote": true, // 使用单引号代替双引号

之后遇到问题再更。。。

撒旦断手
关注
专栏目录
在VScode中配置ESLint和prettier插件
酷爱前端的小陈博客
05-04 9810
1、ESLint工具介绍 可组装的JavaScript和JSX检查工具 用来团队开发整顿代码的风格（例如代码后面是否加“ ；”，代码前使用4个空格，还是两个空格或是一个Tab键） 使用方法查阅官方网址 ESLint官方文档http://eslint.cn/ 2、在VScode中配置ESLint工具 首先在VScode中搜索tabsize 在VScode中搜索format 3、创建带有ESLint工具 的Vue项目 找到需要创建项目的根目录 ......
vscode 使用Prettier插件格式化配置使用代码详解
11-19
参考 使用ESLint+Prettier来统一前端代码风格 vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能，代码给了别人看，各种吐槽，代码不规范，没有按照eslint，编辑器打开就是各种红色提醒，当然还有其他许多… 第一反应就是反感，后面冷静一想，还是自己做事的态度有问题，做完了功能已经完成了95%，为什么不到最后一步一键格式化，做到百分百呢？反思中 为了让以后代码美观，不让别人吐槽，自己整理了vscode + prettier 1.使用vscode 安装 prett
VSCode中的Prettier - Code formatter插件配置
i_Satan的博客
05-09 6245
Prettier - Code formatter 文件配置 settings.json文件 参考文章@前端烂笔头 参考文章@m0_57617148 关闭eslint语法报错: 参考文章@钢镚儿吖 建议: 首先采用文章一的文件配置 相关配置 再 settings.json 文件中 配置如下代码 { "editor.fontFamily": "Fira Code, Consolas", //调整字体，Fira Code "editor.detectIndentation
【Prettier】代码格式化工具Prettier的使用和配置介绍
最新发布
qq_2511276124的博客
08-21 4415
前段时间，因为项目的prettier的配置和eslint格式检查有些冲突，在其prettier官网和百度了一些配置相关的资料，在此做一些总结，以备不时之需。
VSCode格式化插件-prettier
syz201558503103的博客
06-15 1098
设置中，搜索 “Default Formatter”。在编辑器设置中，将默认格式化工具设为 Prettier。
prettier
besttoby01的博客
09-21 1732
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
vscode prettier插件配置
07-30
根据提供的引用内容，可以配置VSCode的Prettier插件。首先，需要修改VSCode的settings.json文件，将esbenp.prettier-vscode插件设置为html、css、less、js、vue的格式化工具。[1]可以将以下代码复制到settings.json...
vscode prettier插件设置
05-31
要设置 VSCode 中的 Prettier 插件，请按照以下步骤： 1. 打开 VSCode 编辑器 2. 点击左侧的扩展图标 3. 在搜索框中输入 "prettier" 并找到 "Prettier - Code formatter" 插件 4. 点击 "安装" 5. 安装完成后，点击 ...
vscode插件.zip
11-22
1. **代码格式化与美化插件**：VSCode自带的格式化功能已经相当不错，但一些特定语言或个性化需求可能需要额外的插件，例如`Prettier - Code formatter`和`ESLint`。Prettier用于自动格式化代码，确保代码风格的一致...
VScode使用Prettier格式化代码
扛麻袋的少年的博客
04-01 3797
vscode使用prettier进行格式化
to-single-quotes:将匹配的双引号转换为单引号
04-29
单引号 将匹配的双引号转换为单引号： I "love" unicorns → I 'love' unicorns 安装 $ npm install to-single-quotes 用法 import toSingleQuotes from 'to-single-quotes' ; toSingleQuotes ( 'I love "unicorns" \'and\' "ponies"' ) ; //=> "I love 'unicorns' 'and' 'ponies'" 有关的 此模块的CLI -将匹配的单引号转换为双引号
vscode pretty代码规范
weixin_40679578的博客
02-19 918
首先下载插件并使用 下面有一段代码，可以自动匹配pretty模式 把这段复制到vscode中的setting.json中 然后写的代码如果不规范，只要一个ctrl+s就可以自动匹配啦
vscode中prettier插件
qq_36022463的博客
06-10 3724
prettier插件，一个美化插件，格式化代码， { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.default.
项目格式化插件 prettier
weixin_45044818的博客
04-01 692
说明 在写项目的时候，缩进，引号，空格等大家的规范都不太一致，为了统一这个规范，可以使用一个自动格式化的插件-------prettier。 使用步骤 1.在vscoe中安装prettier插件 2.在项目的根目录导入prettier的配置文件，文件为.prettierrc { "semi": false, // 是否使用分号，默认为true "singleQuote": true, // 是否使用单引号，默认为false "trailingComma": "none" // 行尾逗号 }
ESlint + prettier + vscode 使用 prettier
weixin_44010529的博客
03-24 206
vscode 使用 prettier 插件 1、配置 文件 -> 首选项 -> 设置 -> 用户 -> 扩展 -> prettier - 代码格式化配置 2、保存自动格式化 文件 -> 首选项 -> 设置 -> 搜索设置 format on save 选择保存自动格式化 3、当前文件内容格式化 shift + alt + f 4、不同项目使用不同...
前端工程化：代码格式化插件prettier
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
09-17 754
vscode插件
VSCode下载与插件安装
qq_43111676的博客
08-19 3392
VSCode下载安装，插件下载安装
vscode setting
aobeng7073的博客
09-21 146
{ "vetur.format.defaultFormatter.html": "js-beautify-html", "prettier.semi": false, "prettier.singleQuote": true, "window.zoomLevel": 1, "eslint.autoFixOnSave": false, "pretti...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值