vscode 格式问题

这篇具有很好参考价值的文章主要介绍了vscode 格式问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vscode 格式问题,vscode,ide,编辑器

 Prettier - Code formatter  插件

vscode 格式问题,vscode,ide,编辑器

1、EditorConfig for VS Code  插件 

 shift + alt + f 格式化文件(VS Code格式化按键),如下图,每个缩进4空格
vscode 格式问题,vscode,ide,编辑器

代码如下


创建文件名 .editorconfig

root = true

[*]

charset = utf-8

indent_style = space

indent_size = 2

end_of_line = lf

insert_final_newline = true

trim_trailing_whitespace = true

[*.md]

insert_final_newline = false

trim_trailing_whitespace = false

----------------------------------------------------------------------------------------------------------------------

2、Prettier - Code formatter 插件 
3、除了第2步这种方式,还可以给项目根目录创建一个.prettierrc配置文件,同时创建.prettierignore文件,由于prettier插件优先使用项目根目录下的.prettierrc配置文件对代码进行格式化,而忽略settings.json的配置。
3.1
.prettierrc配置如下
vscode 格式问题,vscode,ide,编辑器

 vscode 格式问题,vscode,ide,编辑器

{
	"printWidth": 200,
	"useTabs": true,
	"tabWidth": 4,
	"semi": false,
	"singleQuote": true,
	"proseWrap": "preserve",
	"bracketSpacing": true,
	"jsxBracketSameLine": false,
	"trailingComma": "none",
	"arrowParens": "avoid",
	"endOfLine": "auto",
	"htmlWhitespaceSensitivity": "ignore",
	"jsxSingleQuote": true,
	"vueIndentScriptAndStyle": false,
	"embeddedLanguageFormatting": "auto",
	"quoteProps": "as-needed"
}

vscode 格式问题,vscode,ide,编辑器

.prettierignore 配置忽略如下

 
vscode 格式问题,vscode,ide,编辑器

 # 忽略dist目录下文件的语法检查
dist
# 忽略所有html文件
*.html

# 忽略dist目录下文件的语法检查
dist
# 忽略所有html文件
*.html
"prettier": "prettier --write ."



vscode 格式问题,vscode,ide,编辑器文章来源地址https://www.toymoban.com/news/detail-633747.html

到了这里,关于vscode 格式问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 轻量级 IDE & 文本编辑器 Geany 发布 2.0

    导读 Geany 是功能强大、稳定、轻量的开发者专用文本编辑器,支持 Linux、Windows 和 macOS,内置支持 50 多种编程语言。 2005 年Geany 发布首个版本 0.1。上周四刚好是 Geany 诞生 18 周年纪念日,官方发布了 2.0 正式版以表庆祝。 下载地址:https://www.geany.org/download/releases/ Geany 2.0 主

    2024年02月07日
    浏览(42)
  • IDE /Qt Creator 文本编辑器之文件编码设置

    在 Qt Creator 工具 - 选项 - 文本编辑器 - 行为选项卡中,存在一个叫作 “文件编码” 的配置项。其默认配置如下, 我是栽了不少坑之后,才理解到它的用途和作用方式的。这是一个有用的配置项,尤其是在使用 Qt Creator + MSVC 组成的集成开发环境时。我是在整理 《IDE/warning:

    2024年02月13日
    浏览(57)
  • 如何使用Mac终端给树莓派pico构建C/C++程序进行开发,以及遇到各种问题该怎么处理,不使用任何IDE或编辑器(例如VS Code)

    写本文的原因是官方的教程已经过时了,如果你现在按照官方教程来在 Mac 上进行配置,那么会遇到一堆问题,比如我几乎把能踩的“雷”都踩了。所以这里记录了完整过程,以及各种错误的原因和处理方法,不然以后换 Mac 了或者在其他平台遇到同样的问题,忘记怎么处理的

    2024年02月13日
    浏览(65)
  • IDE + ChatGPT,这款编辑器真的做到可以自动写代码了

    介绍 Cursor 是集成了 GPT-4 的 IDE 工具,目前免费并且无需 API Key,支持 Win、Mac、Linux 平台,可以按要求生成代码,或者让 AI 帮助优化代码,分析代码。Cursor目前已经集成了openai的GPT-4,它或将彻底改变我们写代码的方式。 以前程序员被调侃是“CV”工程师,以后我们恐怕要成

    2023年04月25日
    浏览(54)
  • 【Linux应用部署篇】在CSDN云IDE平台部署Etherpad文档编辑器

    官网网址:CSDN开发云IDE平台 CSDN云IDE平台是一个在线的集成开发环境,可用于编写、测试和部署代码。CSDN云IDE平台支持多种语言和框架,包括Java、Python、Node.js等,提供了丰富的编辑器、调试器和版本管理工具,帮助开发者快速创建和部署应用程序。CSDN云IDE平台在云端运行,

    2024年02月11日
    浏览(50)
  • 从0开始学C++ 第四课:常用C++编辑器和集成开发环境(IDE)的使用

    第四课:常用C++编辑器和集成开发环境(IDE)的使用 在这一课中,我们将了解一些流行的C++编辑器和集成开发环境(IDE),它们可以简化C++的编写、编译和调试过程。我们将介绍三种流行的IDE:Visual Studio Code、Eclipse和CLion,并指导如何设置一个简单的C++项目。 目标 了解不同

    2024年01月22日
    浏览(48)
  • 微信小程序编辑器代码格式缩进设置

    第一步点击这个编辑器设置: 然后设置tab为空格,并且设置占几个空格,这里是4个空格。 这样就好了,文件保存就会自动设置好缩进格式了。

    2024年02月10日
    浏览(45)
  • 使用VSCode作为Unity的代码编辑器

                    Unity在选择IDE 的时候其实也有很多选择,在 Windows 上我会选择 Visual Studio 或者是 VS Code ,在编程体验上来讲我更喜欢 Visual Studio 。但是在 Mac OS 可能 Visual Studio Mac 版本并非是一个靠谱的选择,它和 Rider 一样都过于笨重,编程体验比较卡顿,于是我还是

    2024年02月08日
    浏览(66)
  • VsCode与Idea编辑器更换背景图

    目录 VsCode Idea VsCode 需要安装background插件 安装完成后,打开设置,搜索background 然后就可以在json文件进行图片设置,透明度等等 Idea 打开File - Settings  然后找到Appearance , 往下滑,找到BackGround Image,点击  然后就会弹出背景设置的弹窗

    2024年02月14日
    浏览(59)
  • Vivado关联Vscode编辑器的各种配置

    1.在vivado工程界面Tool菜单中点击Settings 2.在Text Editor项目栏中打开Current Editor下拉框更换默认的文本编辑器,常用的有Notepad++。这里我们需要更改为VSCode,此时点击下拉框最下方的Custom Editor 3.Editor输入框中输入  C:/Program Files/Microsoft VS Code/Code.exe -g [file name]:[line number]前面加粗部

    2024年02月16日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包