记录一下常用的几个前端插件1 Bracket Pair Colorizer为代码中的括号 {[()]} 添上一抹亮色,这样找对应括号时会简单很多,可以使代码阅读更加方便。2 Prettier-Code Formatter格式化插件,这个可以一键格式化代码,非常香。 安装后需要进行格式化参数的配置: VSCode左下角的设置图标–》设置–》输入框中搜索settings,随便点一个/* pretti
转载 8月前
350阅读
本文以vue项目举例一、安装 Eslint安装eslint插件二、安装 Prettier-Code formatter插件需要安装这个 代码格式化插件否则会提示 Extension 'esbenp.prettier-vscode' is configured as formatter but not available. Select a different default formatter t
一、EslintEslint 是用来检测和规范代码格式的工具,应用在工程项目中,可以保证项目代码格式的一致性和规范性,大大提升了代码的可读性。 二、配置过程本博客是讲述对一个已经引用 eslint 依赖Nuxt项目(vue项目应该相同),在使用VScode进行开发时,如何配置VScode在保存时,自动 eslint 格式化,并修改部分 eslint 规则,使其不与自动格式化的规则相冲突
转载 2023-08-21 17:37:18
2290阅读
# vscode python自动格式化插件 ## 1. 引言 在编写Python代码时,代码的格式化一直是程序员们需要关注的一个重要问题。一个良好的代码格式可以提高代码的可读性,降低程序出错的概率,并且有助于团队协作。然而,手动调整代码的格式是一项非常耗时且繁琐的工作。为了解决这个问题,VS Code提供了许多Python自动格式化插件,可以帮助我们自动调整代码格式,提高开发效率。 ##
原创 2023-08-21 04:55:47
2916阅读
ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。背景近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。一、安装插件1)ESlint:javascript代码检测工具,可以配置每次保存时格式化js,但每次
VSCode 是我们前端开发的一个强大的IDE,所以选择趁手好用的插件是提高开发效率,然后剩下的时间用来摸鱼是很有必要滴。 约束篇(13)Prettier - Code formatterPrettier - Code formatter : Visual Studio Code 中的更漂亮的格式化程序。Prettier是一个固执己见的代码格式化程序。它通过解析您的代码并使用自
经常在 code review 的时候发现有些同学提交上来的代码格式还存在问题,很影响阅读代码的情绪,究起原因来无非是两种情况:1、git commit 的时候加了 -n 参数,跳过了 eslint 检查和 prettier 格式化。2、VSCode 中 ESLint 和 Prettier 插件未配置正确。接下来看一下如何正确配置这 2 个插件(着重 prettier 插件)
目录写在前面开始操作准备安装vsc内安装php cs fixer和vscode-php-cs-fixer插件composer安装php cs fixer配置php cs fixer配置后问题及解决成功实现php文档格式化参考资料 写在前面composer是PHP包、依赖库的安装工具。(就像npm是NodeJS的包管理工具)php-cs-fixer是PHP 编码的格式化工具。下面的操作都是基于wi
转载 2023-08-24 18:37:38
765阅读
1. Visual Studio Code VS Code来自微软,是一个开源的、基于 Electron 的轻量代码编辑器,亦是笔者推荐的一款编写C/C++的 代码编辑器。那作为一款代码编辑器,VS Code 好在什么地方?扩展在内置的扩展商店里我们可以看到非常多的扩展,包括代码提示、编辑器美化、代码格式化、Snippet(预置代码片段)、编程语言支持、Debugger(调试
目前,网上能找到的配置教程都是乱教的。他们以C++为语言讲配置,其实clang-format默认就是C++.所以他们在配置时,即是错了。也会以默认C++格式化,也不会提示配置错误。结果他们还不知道他们错在哪?如果让他们配置.CS, .json,估计就不会了。 这里我给个正确的完整配置教程:首先安装中间件。在vscode扩展商店里搜索 clang-format ,安装排名第一个。xaver.clan
(自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面)以下是VSCode代码格式化.editorconfig配置代码规范集成editorconfig配置EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。项目根目录创建.editorconfig文件# http://editorcon
1、安装插件1)ESlint:javascript代码检测工具,可以配置每次保存时格式化js,但每次保存只格式化一点点,你得连续按住Ctrl+S好几次,才格式化好,自行体会~~2)vetur:可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件,但是!格式化的标准js文件不符合ESlint规范,会给你加上双引号、分号等3)Prettier - C
古之立大事者,不惟有超世之才,亦必有坚忍不拔之志——苏轼 写在前面【工欲善其事,必先利其器】大家用什么来开发前端项目呢,WebStorm, Atom, 还是Sublime ,这里面哪个不是大名鼎鼎,但是论轻量级,论不要钱的,论生态,Visual Studio Code都是相当强大的,VSCode这款超级编辑器,正在蚕食市场上所有IDE和编辑器的市场。只要插件运用得当,vscode也能达到
目录VS Code保存自动删除了代码后的空格问题Delete `␍`eslint(prettier/prettier)报错问题 git 提示文件有修改,但实际没有任何更改VS Code 的相关配置解析extensions.json文件分享配置VS Code保存自动删除了代码后的空格问题问题的由来是这样的,git 上拉去的代码,用vscode打开,随便打开一个vue文件,没有做任何更改,习
个人配置 { "files.autoSave": "onFocusChange", "editor.formatOnPaste": true, "editor.formatOnSave": true, "editor.formatOnType": true, "editor.detectIndentation": false, "eslint._legacyMod
之前说过研究出来了会和大家分享一下自己是如何解决的,于是就有了此贴。首先要说明,本文主要是针对c/c++,并且是微软官方的插件格式化出现的问题,其插件如图所示   此插件已经内嵌了clang-format这个格式化插件,按理来说我们只需要对设置进行修改,就可以得到我们想要的效果。但是我发现直接点击这个插件的齿轮,并且在里面进行修改的话,无论怎么修改也没有效果,具体问题可以参考二楼发的前
1. 打开vscode配置的方法在vscode界面按F1键打开命令面板,输入settings,选择Open Settings(JSON)(这个是全局生效的配置,如果选择Open Workspace Settings(JSON)则只对当前工作空间生效,建议选择全局配置)2. 代码注释插件配置打开Extensions侧边栏,搜索koroFileHeader插件并安装打开vscode配置,在配置文件中添
转载 7月前
194阅读
## 实现VSCode Python格式化插件的步骤和代码解析 ### 一、概述 在本文中,我将指导你如何实现一个用于VSCode的Python格式化插件。这个插件将帮助你自动格式化Python代码,使其更加整洁和易于阅读。 为了实现这个功能,我们将按照以下步骤进行操作: ```mermaid journey title VSCode Python格式化插件的步骤 sect
原创 2023-08-19 07:18:26
1392阅读
# vscode格式化Python插件 --- ## 1. 简介 在编写Python代码时,格式化代码是一个非常重要的环节。良好的代码格式可以提高代码的可读性和可维护性,从而提高开发效率。而在使用Visual Studio Code(简称VSCode)作为代码编辑器时,可以通过安装合适的插件来实现对Python代码的格式化。 本文将介绍一些常用的VSCode格式化Python插件,并给出代
原创 7月前
1123阅读
# 如何实现"vscode 格式化python插件" ## 简介 在开发过程中,代码的格式化是非常重要的,它可以提高代码的可读性和可维护性。在vscode中安装并配置python格式化插件可以帮助我们轻松地对代码进行格式化。本文将向你介绍如何实现在vscode中使用python格式化插件。 ## 流程图 ```mermaid flowchart TD A(安装Python插件) -->
原创 4月前
746阅读
  • 1
  • 2
  • 3
  • 4
  • 5