vscode代码格式插件- Prettier

最新推荐文章于 2024-08-21 11:39:00 发布

ヽ错落不堪的年华。

最新推荐文章于 2024-08-21 11:39:00 发布

阅读量369

点赞数

分类专栏：技术交流技术总结前端文章标签： 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

分享到新浪微博

扫一扫

专栏目录

eslint-plugin-prettier, ESLint插件，用于更漂亮的格式化.zip

09-17

eslint-plugin-prettier, ESLint插件，用于更漂亮的格式化 eslint-plugin-prettier 作为一个 ESLint的规则运行，并报告不同的单个ESLint问题。示例error: Insert `,` (prettier/prettier) at pkg/commons-

prettier

besttoby01的博客

09-21

1724

保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":

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

【Prettier】代码格式化工具Prettier的使用和配置介绍

最新发布

qq_2511276124的博客

08-21

2990

前段时间，因为项目的prettier的配置和eslint格式检查有些冲突，在其prettier官网和百度了一些配置相关的资料，在此做一些总结，以备不时之需。

vscode插件之prettier

weixin_34354945的博客

03-10

821

官网 https://prettier.io/ 安装插件，vscode扩展力搜索prettier,点击安装重启vscode 创建配置文件(优先级从上到下) .prettierrc .editconfig 编辑器默认配置 // .prettierrc { "tabWidth": 2, "singleQuote": true...

VSCode中Prettier插件&依赖安装及冲突解决

小洋人最happy的专栏

11-24

5791

Prettier 一个“有态度”的代码格式化工具，在VSCode中插件安装和依赖安装使用

『vscode扩展』代码格式化工具 Black Formatter

weixin_43287494的博客

06-22

2898

black Formatter前几天突然发现格式化不论是自动格式化还是手动格式化都不起作用了，百度也没有找到原因，然后卸载插件重启电脑都没有作用，最后想着去它扩展的GitHub的issue区看看有没有相同问题，然后在readme中才发现写了支持python版本最低是python 3.8，而个人使用的是python 3.7😔。打开一个.py文件，在文件空白处「右击」，选择「格式化文档」，该文档自动完善格式。点击「设置」–>在检索框输入「format on save」，勾选空框。更改插件的每行字符数限制。

VSCode中的Prettier - Code formatter插件配置

学习永无止境

01-20

4509

一、安装Node.js、cnpm、webpack、vue-cli 1. 安装Node.js：官网https://nodejs.org/en/download/选择.msi进行安装。安装成功后打开cmd，输入node -v和npm –v查看版本号。 2. 安装cnpm（比npm快，因为使用淘宝的服务器做为的包源）：在cmd中，输入命令：npm install –g cnpm --registry=https://registry.npm.taobao.org。安装成功输入cnpm –v查看相关信息。 3

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

10-14

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

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

07-30

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

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

06-24

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

VSCode与Prettier代码格式化工具的使用

彭世瑜的博客

07-16

1592

Prettier同时可以在浏览器中使用。格式化代码文件输出到命令行。也可以使用目录中的配置文件。格式化文件并覆盖现有文件。VS Code中安装插件。

vscode中prettier插件

qq_36022463的博客

06-10

3717

prettier插件，一个美化插件，格式化代码， { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.default.

Prettier 插件使用

https://github.com/lisy999?tab=repositories

02-15

1022

确保你已经在 Visual Studio Code 中安装了 Prettier 插件。你可以在左侧的侧边栏中点击 "Extensions" 图标，然后在搜索栏中输入 "Prettier - Code formatter"，点击安装按钮进行安装。通过以上步骤，你就可以在 Visual Studio Code 中配置，在按下 Ctrl + S 时自动使用 Prettier 插件格式化代码了。在搜索结果中，找到 "Editor: Format On Save" 选项，并确保其为勾选状态。

Prettier插件使用

m0_58580098的博客

10-12

572

由于之前使用的Beautify格式化插件已经没有在维护了，所以这里再分享一个Formatter插件-Prettier。

Prettier 插件 `prettier-plugin-organize-imports` 教程

gitblog_01094的博客

08-10

424

Prettier 插件 prettier-plugin-organize-imports 教程 prettier-plugin-organize-importsMake Prettier organize your imports using the TypeScript language service API.项目地址:https://gitcode.com/gh_mirrors/pr/pr...

代码格式化插件prettier在vscode中的使用

qq_44949985的博客

05-01

1630

如果prettier没有正常工作，可能是由于其需要配置文件（配置文件说明了，怎么进行代码的格式化，保存了格式化的规则），你如果没有个性化的需求可以把settings.json中的相关参数修改为false。当你使用ctrl+s保存文件时，你选择的格式化插件就会格式化你的代码。你在工作区配置，那么他只在你这个文件夹下生效；你在用户下面配置，那么所有的文件夹下都会生效。如有问题，欢迎留言讨论。

vscode - 配置Prettier插件和.editorconfig文件使用介绍

qq_43886365的博客

04-27

8771

Prettier是一个固执己见的代码格式化程序。它通过解析代码并使用自己的规则重新打印代码来强制实现一致的风格，这些规则考虑了最大行长度，并在必要时包装代码。

常用的 Vs Code插件

halo1416的博客

07-07

9414

推荐下自己在使用的vs code插件。

vscode代码格式整理插件

10-21

VSCode有很多代码格式整理插件可供选择，以下是其中几个常用的插件： 1. Prettier：一款非常流行的代码格式化工具，支持多种语言，可以自动格式化代码，也可以手动触发格式化。 2. Beautify：支持多种语言的代码格式化插件，可以自定义格式化规则。 3. ESLint：一款JavaScript代码检查工具，可以检查代码中的语法错误和潜在问题，并提供自动修复功能。 4. TSLint：类似于ESLint，但是专门用于TypeScript代码的检查和修复。 5. EditorConfig：一款可以跨编辑器和IDE使用的插件，可以帮助开发者在不同的编辑器中保持一致的代码格式。以上是几个常用的VSCode代码格式整理插件，你可以根据自己的需求选择适合自己的插件。