vscode Python(VSCode中Prettier插件&依赖安装及冲突解决)
导读:一、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 -D2.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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!