vscode代码格式插件- Prettier

最新推荐文章于 2024-10-18 12:30:17 发布

ヽ错落不堪的年华。

最新推荐文章于 2024-10-18 12:30:17 发布

阅读量381

点赞数

分类专栏：技术交流技术总结前端文章标签： javascript vscode Prettier

本文链接：https://blog.csdn.net/qq_44777678/article/details/106018900

版权

技术交流同时被 3 个专栏收录

107 篇文章 2 订阅

订阅专栏

技术总结

103 篇文章 0 订阅

订阅专栏

前端

97 篇文章 0 订阅

订阅专栏

vscode下载 Prettier 插件

Prettier 官网

在项目目录创建配置文件.prettierrc基本内容如下

{
  "eslintIntegration": true,
  "stylelintIntegration": true,
  "printWidth": 2000,
  "tabWidth": 2,
  "singleQuote": true,
  "semi": false
}

插件使用

vscode上需要格式化代码的页面按下 shift + alt + f 快捷键进行代码格式化
更多配置请参数官方文档

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ヽ错落不堪的年华。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vscode 使用Prettier插件格式化配置使用代码详解

10-14

在VSCode中使用Prettier插件可以实现代码的自动格式化，节省开发者的格式化代码时间，提高工作效率。安装Prettier插件后，开发者可以通过简单的配置来定义自己的代码格式化规则。首先，要在VSCode中安装Prettier...

eslint+Prettier

小小博客

05-09

322

起步vsCode下载 Prettier插件 //根目录下创建.prettierrc文件 { //js中尾部是否尾随，号 "semi"：true // 是否使用单引号代替双引号 "singleQuote"：true // 是否在多行语法中使用, "trailingComma"：“none” } ...

参与评论您还未登录，请先登录后发表或查看评论

【Vue】vscode格式刷插件Prettier以及配置项~~保姆级教程

qq_51055690的博客

10-08

2542

vscode格式刷，有太多插件了，但是每个的使用，换行都不一样。这里我推荐一个很多人都推荐了的Prettier我这里只修改了2个地方把默认字符串双引号，改成了单引号。~~~还有宽度printWidth改成了120

Prettier+Vscode setting提高前端开发效率

擅长将自己的感受、想法、知识通俗地表达出来，会点前后端开发、自动化测试、性能测试、爬虫。将来可能学硬件、AI。但一定会写实用的脚本。

08-19

9402

本文介绍和ESLient配合使用的Prettier实现编译器自动将代码格式化。同时也介绍VsCode的 setting设置，与分享我开发时常用的配置。新手老鸟都能看背景颜色是野菊紫

Mac创建.prettierrc文件详解Mac开启显示隐藏文件的方法

前端程序媛_Ying博客

01-16

686

Mac创建.prettierrc文件详解Mac开启显示隐藏文件的方法

Mac创建.prettierrc文件详解

Meet的博客

03-18

1374

第一步: 打开任意一个编辑器（我这里用的vscode）创建.prettierrc文件，然后在文件中编写规则第二步：找到刚才创建的文件，由于mac会自动隐藏“•”开头的文件，如果文件找不到，可以按下shift+option+. 显示隐藏文件。然后拖拽或者复制到mac根目录，就是下方小房子图标目录。第三步在vscode中引入这个文件的路径 “/Users/xxxxx/.prettierrc”，注意这里的 xxxx 就是你小房子文件夹的名字。 OK完事，大家加油 ...

vscode1.68安装及代码规范插件

06-24

其次，`esbenp.prettier-vscode-9.5.0.vsix` 是Prettier的VSCode扩展，Prettier是一款流行的代码格式化工具，能自动按照统一的代码风格格式化JavaScript、HTML、CSS等语言的代码。9.5.0版本意味着Prettier保持了与...

vscode安装包-VSCodeUserSetup-x64-1.74.3-000.exe

07-30

此外，VSCode还拥有一个活跃的扩展市场，允许用户安装各种插件来扩展其功能，涵盖代码格式化、代码检查、主题定制等方面。 **二、VSCode x64版本** “VSCodeUserSetup-x64-1.74.3-000.exe”是VSCode的64位版本安装...

prettier-eslint-code：[已弃用] vscode扩展，可使用prettier-eslint格式化javascript

02-05

请使用以下软件包：（ ext install prettier-vscode ）。此软件包已弃用，将不再维护。用于Visual Studio代码的漂亮ESLint 通过Prettier和ESLint --fix格式化JavaScript。这使用自动格式化并在保存时修复。 ...

pritter-Code formatter(代码格式化)配置

最新发布

gitblog_01283的博客

10-18

549

Prettier Python Plugin 下载及安装教程 plugin-python Prettier Python Plugin 项目地址: https://gitcode.com/gh_mirrors/pl/plugin-...

vscode格式化代码插件Prettier安装配置

gcyaozuodashen的博客

03-22

1万+

教程开始第一步，先打开vscode软件，方便快捷的方式就直接使用快捷键ctrl+,（是ctrl加逗号）唤出快速搜索条界面。第二步，接下来先设定自动保存文件，搜索框贴入files.autoSave筛出设置项，并把设置项属性选择为onFocuschange。第三步，设定编辑器默认代码格式化（美化）的插件为Prettier，同理在搜索设置框贴入editor.defaultFormatter，将配置项选择为Prettier。 ...

Prettier、EditorConfig插件安装及配置文件讲解

星辰迷上大海的博客

01-11

4959

我们在编写代码时，代码的格式规范非常重要，能提高代码的可读性，避免由于格式问题引起的 bug，也有利于多人协作开发时的统一风格。Prettier是一个非常好用的代码格式化工具，能自动格式化代码，让我们更专注于编写逻辑。

VSCode配置Prettier

rotartsinimda1的博客

04-05

720

3. 在settings->editor中，Tab Size设置为4（默认为4），Insert Spaces设置为true（默认为true）。在settings->Prettier中，Tab Width设置为2（默认为2），Use Tabs设置为false（默认为false）。1. 安装Prettier - Code formatter。2. 在settings.json中添加。

ESLint、Prettier插件的安装与使用

xiangzhihong8的专栏

03-09

1032

在统一代码风格这一块，通常大家都会用到ESLint。虽然 ESLint 本身具备自动格式化代码的功能，但ESLint 的主要优势在于代码的风格检查并给出提示，而在代码格式化这一块 Prettier 做的更加专业，因此在实际项目开发中我们经常将 ESLint 结合 Prettier 一起使用。

vscode的下载安装与配置

Python966的博客

11-20

316

vscode的下载安装与配置

vscode实用配置、常用插件

筑释科长的博客

07-09

6908

在Files: Auto Save Delay中配置延迟保存的时间。在Files:Auto Save中选择afterDelay。文件--首选项--设置--输入“自动保存”-

VS Code 代码格式化插件，代码美观的插件

在职可交流前端开发，包括：web端、uniapp等，欢迎指教。

07-13

8554

Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件，介绍以及优点。

vscode代码格式整理插件

10-21

VSCode有很多代码格式整理插件可供选择，以下是其中几个常用的插件： 1. Prettier：一款非常流行的代码格式化工具，支持多种语言...以上是几个常用的VSCode代码格式整理插件，你可以根据自己的需求选择适合自己的插件。