首页IT科技vscode Python(VSCode中Prettier插件&依赖安装及冲突解决)

vscode Python(VSCode中Prettier插件&依赖安装及冲突解决)

时间2025-04-30 17:01:45分类IT科技浏览5238
导读:一、Prettier插件安装 1.1 安装Prettier插件...

一              、Prettier插件安装

1.1 安装Prettier插件

通过VSCode安装插件              ,如图:

1.2 添加Prettier配置文件

在项目根目录                     ,添加Prettier配置文件.prettierrc       ,编写配置如下:

{ "useTabs": false, "tabWidth": 2, "printWidth": 80, "singleQuote": true, "trailingComma": "none", "semi": false }

1.3 配置格式化工具

在任意页面右键              ,选择格式化工具                     ,如图:

将Prettier配置为格式化默认工具即可

1.4 配置自动格式化

选择设置       ,如图:

勾选在保存时格式化文件       ,如下:

这样                     ,每次在保存文件时              ,就会自动完成格式化              。

1.5 与ESLint冲突解决

Prettier与ESLint在函数定义那块(空格)会有一个小冲突       ,可以通过配置解决一下即可                     。在.eslintrc.js中的rules中添加自定义规则                     ,如下:

rules: { ... space-before-function-paren: off ... }

二                     、Prettier依赖安装

2.1 安装依赖

除了使用VSCode插件外              ,还可以使用依赖安装,执行命令如下:

npm install prettier -D

2.2 配置

除1.2中.prettierrc文件配置外                     ,还需要配置.prettierignore                     ,用来忽略哪些文件或目录,如下:

/dist/* .local .output.js /node_modules/** **/*.svg **/*.sh /public/*

2.3 配置指令

在package.json中配置prettier指令              ,如下:

"scripts": { ... "prettier": "prettier --write .", ... },

这样配置完成后                     ,就可以通过

npm run prettier

对整个项目文件进行格式化操作

2.4 其他配置和冲突解决

其他保存自动格式化等配置同插件安装一致       ,不再赘述       。

声明:本站所有文章              ,如无特殊说明或标注                     ,均为本站原创发布              。任何个人或组织       ,在未征得本站同意时       ,禁止复制       、盗用              、采集                     、发布本站内容到任何网站       、书籍等各类媒体平台                     。如若本站内容侵犯了原著者的合法权益                     ,可联系我们进行处理       。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
ai智能写作软件哪个好一点(智能写作AI破解版:让你的写作事半功倍) webapi运行原理(基于Web Speech API给ChatGPT加上语音功能,距离MOSS又近了一步)