个人配置 {
"files.autoSave": "onFocusChange",
"editor.formatOnPaste": true,
"editor.formatOnSave": true,
"editor.formatOnType": true,
"editor.detectIndentation": false,
"eslint._legacyMod
转载
2024-08-19 13:55:47
84阅读
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找到解决方法。一、安装插件1）ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次
转载
2023-10-05 16:33:48
1116阅读
## Typescript VSCode 代码格式化插件
### 引言
在软件开发过程中，代码的可读性和一致性是非常重要的。一个良好的代码风格能够提高开发人员的工作效率，减少错误和调试时间。为了实现代码的统一格式，我们可以借助编辑器中的代码格式化插件。本文将介绍一款名为 "Typescript VSCode 代码格式化插件" 的工具，它可以帮助我们轻松地格式化和美化 TypeScript 代码
原创
2024-01-19 09:07:13
424阅读
# 如何在VSCode中实现格式化TypeScript代码的插件
作为一名刚入行的小白，学习如何在VSCode环境中设置和使用格式化代码的插件是非常重要的。本文将教你如何实现这一目标，包括具体的步骤和相关代码。我们将通过分步骤的方式来讲解。
## 整体流程
以下是执行格式化代码插件的步骤概览：
| 步骤 | 任务描述
原创
2024-10-16 05:07:08
137阅读
1. Visual Studio Code VS Code来自微软，是一个开源的、基于 Electron 的轻量代码编辑器，亦是笔者推荐的一款编写C/C++的 代码编辑器。那作为一款代码编辑器，VS Code 好在什么地方？扩展在内置的扩展商店里我们可以看到非常多的扩展，包括代码提示、编辑器美化、代码格式化、Snippet(预置代码片段)、编程语言支持、Debugger(调试
转载
2023-12-31 14:47:18
109阅读
# VSCode中TypeScript代码格式化插件的使用
在现代Web开发中，TypeScript因其静态类型特性和强大的工具支持而受到广泛喜爱。为了提高开发效率，代码的格式化显得尤为重要。Visual Studio Code（VSCode）是一个功能强大的编辑器，支持多种插件，帮助我们自动化代码格式化。本文将介绍如何在VSCode中使用TypeScript代码格式化插件，并附带示例代码。
原创
2024-09-03 05:46:08
423阅读
# 如何实现 VSCode 的 TypeScript 格式化插件
在这篇文章中，我们将学习如何创建一个简单的 VSCode 插件，实现 TypeScript 代码的格式化功能。整个流程分为几个步骤，下面将用表格展示出步骤及其对应的说明。
## 开发流程
| 步骤 | 描述 |
|------|------|
| 1 | 安装 VSCode 和 Node.js |
| 2 | 创建
按需安装。考虑到有些插件对于一些新手来说暂时用不上，因此我将分为 前端新手→前端程序员→前端工程师 三个阶段来推荐需要安装的插件。阶段一：前端新手只会html、css、js1.Chinese汉化vscode的插件。2.Tokyo NightMaterial Theme主题已经下架了，所以Tokyo Night是目前来说vs code中我认为最好看的主题。3.vscode-icons更改文件的图标。
转载
2024-06-15 10:23:37
85阅读
# Visual Studio Code中的TypeScript代码格式化
在现代的软件开发中，代码的可读性和一致性是非常重要的。为了保持代码的规范和易于阅读，开发者通常会使用代码格式化工具来自动调整代码的排版。Visual Studio Code（简称VSCode）是一款非常流行的代码编辑器，提供了丰富的功能和插件来帮助开发者提高工作效率。在VSCode中，我们可以使用内置的代码格式化工具来格
原创
2024-05-06 06:27:34
135阅读
VSCode 是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。 约束篇（13）Prettier - Code formatterPrettier - Code formatter : Visual Studio Code 中的更漂亮的格式化程序。Prettier是一个固执己见的代码格式化程序。它通过解析您的代码并使用自
转载
2023-11-06 19:05:42
568阅读
# 实现"vscode react typescript 格式化插件"教程
## 整体流程
为了实现"vscode react typescript 格式化插件"，我们需要经过以下步骤：
```mermaid
erDiagram
Developer ||--o Step1 : "创建VSCode插件项目"
Step1 ||--o Step2 : "配置package.json
原创
2024-05-04 04:44:51
546阅读
之前说过研究出来了会和大家分享一下自己是如何解决的，于是就有了此贴。首先要说明，本文主要是针对c/c++，并且是微软官方的插件的格式化出现的问题，其插件如图所示 此插件已经内嵌了clang-format这个格式化插件，按理来说我们只需要对设置进行修改，就可以得到我们想要的效果。但是我发现直接点击这个插件的齿轮，并且在里面进行修改的话，无论怎么修改也没有效果，具体问题可以参考二楼发的前
转载
2023-10-28 15:44:58
214阅读
以下是我经常用到的VScode插件。由于插件本身具有详细的配置和介绍，不对插件本身的安装配置进行说明，仅仅支出这些插件的主要功能。具体使用强烈推荐看一下安装插件后的说明，大多数的问题和设置都可以找到，不要因为是英文就直接上网搜索。vscode配置同步#
settings sync 目前settings sync的提示已经很智能，首次使用的时候会提示登录github，授权登录即
记录一下常用的几个前端插件1 Bracket Pair Colorizer为代码中的括号 {[()]} 添上一抹亮色，这样找对应括号时会简单很多，可以使代码阅读更加方便。2 Prettier-Code Formatter格式化插件，这个可以一键格式化代码，非常香。 安装后需要进行格式化参数的配置： VSCode左下角的设置图标–》设置–》输入框中搜索settings,随便点一个/* pretti
转载
2023-12-23 22:24:53
393阅读
在我的日常编码工作中，TypeScript代码的格式化尤为重要。这不仅让代码变得整洁，还能提高团队协作效率。接下来，我将分享如何成功整合TypeScript代码格式化插件的过程。
## 环境准备
首先，我们需要准备一个合适的开发环境。确保已安装Node.js及npm，这将为我们提供必要的工具。
依赖安装指南如下：
```bash
# 安装 TypeScript 和 Prettier
npm
此插件用来格式化代码，使代码哪怕在开发的时候格式混乱，是吧，编译一下，就会变成统一格式。非常适合团队开发使用。这个时候有些同学可能会有个疑问，我的开发工具，比如vscode，可以下载开发工具插件，如图。开发工具中也可以装一些插件辅助你开发，但是这个，只能辅助你自己，如果你的同事没有装，或者装了跟你配置的不一样，那么就非常不理想了，所以说，还是在项目中配置eslint，prettier等规范为上策。
转载
2023-11-16 20:42:58
236阅读
一、安装 VScode插件1.安装ESlint2.安装 Vetur3.安装Prettier - Code formatter二、打开 配置文件打开 vscode 软件 【文件】---【首选项】---【设置】按照下图点右上角那个小文件图标，会弹出一个 【settings.json】 文件。修改VScode的配置文件，可以直接粘贴复制：{
// #让函数(名)和后面的括号之间加个空格
"jav
转载
2023-09-24 22:05:51
2925阅读
目录VS Code保存自动删除了代码后的空格问题Delete `␍`eslint(prettier/prettier)报错问题 git 提示文件有修改，但实际没有任何更改VS Code 的相关配置解析extensions.json文件分享配置VS Code保存自动删除了代码后的空格问题问题的由来是这样的，git 上拉去的代码，用vscode打开，随便打开一个vue文件，没有做任何更改，习
转载
2024-01-03 21:30:12
211阅读
# 在 VSCode 中设置 TypeScript 代码格式化
在现代的开发环境中，良好的代码格式化对于提高团队协作和代码可读性至关重要。如果你是一名新手开发者，想要在 Visual Studio Code (VSCode) 中配置 TypeScript 代码格式化功能，下面的步骤将帮助你轻松实现这一目标。以下是整个过程的总览表。
| 步骤 | 描述 |
|------|------|
| 1
（自己开发的前端功能和UI组件，一些有趣的小功能，感兴趣的伙伴可以访问，欢迎提出更好的想法，私信沟通，网站属于静态页面）以下是VSCode代码格式化.editorconfig配置代码规范集成editorconfig配置EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。项目根目录创建.editorconfig文件# http://editorcon
转载
2024-07-26 06:14:43
1684阅读
