vscode 学习笔记 —— 重构

最新推荐文章于 2025-06-25 09:20:56 发布

转载最新推荐文章于 2025-06-25 09:20:56 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xjnotxj/p/9437812.html

文章标签：

#开发工具 #c# #javascript #ViewUI

本文介绍了VSCode中的重构功能，包括自带的提取变量、提取方法及全局替换等功能，并对比了VSCode与WebStorm在重构方面的差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、vscode 自带

1、提取变量

2、提取方法

上面都是通过选中文本后出现的小灯泡操作的：

3、全局替换（多个文件中的）某个变量

选中变量按 F2，输入完成后按回车

二、vscode 插件

js-refactor：https://github.com/cmstead/js-refactor

体验不好，放弃

三、总结

vscode 的重构功能还是没有 webstorm 好用且全面。比如：即使装了 js-refactor 插件也没有 safe delete 的功能。

参考资料

https://code.visualstudio.com/docs/editor/refactoring

转载于:https://www.cnblogs.com/xjnotxj/p/9437812.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30500663

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VSCode中五个提升重构效率的插件

DpgrMl的博客

09-24

968

Visual Studio IntelliCode是一个基于机器学习的智能代码建议工具，它可以根据你的编码习惯和上下文，提供更智能和个性化的代码建议。它可以识别重复的代码片段、不必要的条件语句以及其他可以被简化的代码结构，并给出相应的优化建议。ESLint是一个流行的JavaScript代码规范检查工具，它可以帮助我们发现代码中的潜在问题，并提供重构建议。在软件开发过程中，重构是一个非常重要的环节，它可以帮助我们改善代码质量、提高可维护性，并且减少潜在的bug。这对于重构过程中的代码追踪和回退非常有帮助。

vscode 批量重命名_VSCode中的重构操作

weixin_39566882的博客

02-04

4114

一直用vscode开发，最近读了重构一书，这次就给不喜欢看操作文档的同学分享vscode编辑器中的快速重构小技巧，主体是引用的vscode官方文档：https://code.visualstudio.com/Docs/languages/typescript#_refactoringvscode对于ts/js的重构功能还是比较初级，不如idea对java的支持，不过我相信，随着时间流逝，vscod...

参与评论您还未登录，请先登录后发表或查看评论

代码重构思想和VSCode编辑器中代码重构插件

共同学习，共同进步。

07-18

1781

VSCode重构插件

VS Code Java 扩展中的代码重构功能详解

最新发布

gitblog_00767的博客

06-25

300

VS Code Java 扩展中的代码重构功能详解前言在软件开发过程中，代码重构是提升代码质量的重要手段。VS Code Java 扩展提供了一系列强大的重构功能，帮助开发者在不改变程序行为的前提下，改善代码结构和可读性。本文将全面介绍这些重构功能的使用方法和适用场景。重构功能概览重构功能可以通过以下方式调用：在编辑器中选中要重构的代码元素右键点击打开上下文菜单选择"Re...

vscode-cmantic：VS代码的CC ++重构：添加定义，生成Getter和Setter等

02-21

C语言 VS Code的C / C ++扩展，提供了各种类似于IDE的命令和重构。通过灯泡菜单建议相关的代码动作，并且可以通过在编辑器上下文菜单中选择“ Refactor...或“ Source Actions...来直接访问。所有代码操作也可从命令面板或通过键盘快捷键获得。功能一览要求 C-mantic需要C / C ++语言服务器扩展才能实现全部功能，例如Microsoft的C/C++扩展（ms-vscode.cpptools）。有关更多详细信息，请参见。问题和功能要求如果您发现错误或想要提出新功能/新功能，请在Github上打开。另外，请考虑将扩展名保留为。功能深入添加定义选择一个未定义的函数声明将建议在灯泡菜单中执行以下代码操作。 cmantic.addDefinitionInSourceFile命令/代码操作通过头文件中的函数声明在匹配的源文件中创建空定

深入解析VS Code智能重构引擎：现代IDE的代码自动化进化

2501_91980039的博客

06-01

479

分布式重构：支持跨代码库的原子级重构实时协作重构：多人协同编辑时的冲突解决算法量子代码分析：微软研究院正在探索量子加速的AST遍历。

TypeScript学习笔记（一）——TypeScript介绍与常用类型注解

weixin_56370772的博客

08-09

1291

TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。所有的 JS 代码都是 TS 代码。JS 有类型（比如，number/string 等），但是JS 不会检查变量的类型是否发生变化。而TS 会检查。TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。类型注解常用基础类型。

【Python学习笔记】：Python爬取音频

bailichen800的博客

07-15

3779

于是就去搜索页面这种有大量id的网页，通过检查HTML代码的方法，找到了要薅羊毛的这个大集合目标网址的HTML代码，然后写爬虫获取网页源代码，通过CSS解析出当中隐藏的一大堆歌名、id等信息，最后再拿这一大堆id组合成完整歌曲链接，去爬想要的一大堆歌曲并且保存到本地。这块是有一点绕，一会是文字一会是属性的，对HTML比较熟的看起来要容易一些，或者对着老师的教程多看几遍，自己多尝试，不懂的问问Kimi。前面我们根据链接直接下载歌曲文件的时候，就用的content方法，直接获取歌曲的二进制文件并保存。

[足式机器人]Part5 ROS2学习笔记-CH00-2-基础入门部分

LiongLoure的博客

01-19

1186

除了使用上节中的只定义一个函数就完成编写一个Python节点外，还有另外两种方式。要做机器人离不开计算机编程，而计算机编程经过多年的发展，演变出了三种不同且常用的编程思想面向过程编程思想。缩写：POP面向对象编程思想。缩写：OOP函数式思想。缩写：FP。

重构（第二版）读书笔记第一章（从一个小程序入手，开始我们的第一次重构）

ANA的博客

05-01

660

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录《重构》从一个小程序入手，开始我们的第一次重构一、准备工作1.JavaScript运行环境与debug二、重构步骤1.起步（先理解场景和代码功能，代码我做了必要的注释，方便理解）2.分解statement函数2.1提取switch语句，提炼函数（106）2.2 对amountFor进行一些改进2.3 提炼计算观众量积分的逻辑2.4 移除format变量2.5移除volumeCredits2.6同样的方式移除totalAmount.

VSCode配置python环境

热门推荐

qq_40577131的博客

01-21

1万+

本人初学Python，从Pycharm转到了VSCode，也试着进行VSCode环境配置。 1.安装Python——Python官网 2.安装VSCode——VSCode官网，vscode下载与安装——参考这儿在两个安装完成之后可以配置一下vscode中文环境：Ctrl+shift+X 进入商店扩展，步骤： 1.ctrl+shift+x 2.输入Chinese 3.点击install安装退出重启配置中文环境完成之后开始正式在vscode配置python环境 1.ctrl+shift+x进入扩展商店，输

ng-refactor:vscode中的角度重构

05-09

NG重构为您的角度vscode体验带来欢乐。目录 Ng生成资源管理器集成（去做）贡献入侵NG Refactor 目标我花了很多时间来手工重构组件，这已经足够了，我认为这可以使你们中的一些开发者更快乐。特征切换内联HTML 允许在内联模板和外部模板文件之间切换。可作为：组件打字稿文件中的命令CTRL + SHIFT P切换嵌入式HTML 对template:或templateUrl:代码操作templateUrl: 切换内联CSS 允许在嵌入式样式和外部样式表之间切换。可作为：在组件打字稿文件中时的命令CTRL + SHIFT P切换内联CSS 对styles:或styleUrls:代码操作styleUrls: 已知限制众所周知，这不会考虑您的配置，而是会创建并尝试从scss文件读取。计划在将来的版本中发布。重命名组件（去做）

vscode-cpp-header-refactor

04-06

重命名您的C ++标头，更新引用和标头防护。类型重命名（重构）已经是官方C / C ++扩展中的功能。但是，没有使用自动更新的引用来重命名头文件。此扩展名使您可以重命名C ++头文件，自动更新对它的所有引用（在项目文件中），更新头文件保护并重命名相应的.cpp文件（如果有）。享受！欢迎GitHub PR和问题！资料来源

vscode-markdown-ide:VSCode插件，允许Markdown的IDE级重构

03-19

VSCode Markdown IDE 此和插件为Markdown文件提供IDE级别的编辑和重构支持。自动补全键入[触发自动补全，以输入指向其他Markdown文件的链接输入![触发自动补全功能以链接到本地图像文件忽略.git ， node_modules和vendor 重构重命名文件时更新链接删除文件时删除链接此扩展名最适合通过格式化的Markdown文件。配置要配置此扩展，请执行以下操作：在VSCode菜单中：转到“ File Preferences > Settings Preferences > Settings 单击Extensions > Markdown IDE 可用的配置设置： autocompleteTitleRegex：默认情况下，自动完成链接的标题是链接文档的标题。要仅使用链接文档标题的一部分，请为一个捕获组提供一个正则表达式。如果正则表达式

vscode 重写方法_编程技能进步太慢？这十个方法助你十倍功力！（上）

weixin_39717825的博客

11-23

524

导读在编程这个领域，不变的就是变化。想要在这个领域有所成就，必须要保持终身学习。就拿前端领域来说，各个框架层出不穷，大前端的范围越来越广，要学的东西越来越多，程序员直呼：“学不动啦！”本文参考：https://medium.com/javascript-scene/what-to-pay-javascript-developers-in-2020-2292eb346f3b比如前端最有名的三大框架之...

代码重构~提取方法

weixin_34392906的博客

07-26

179

返回目录提取方法（Extract Method） — 意思是将大段代码中的一部分提取后，构成一个新方法；还有一个含义是将多个方法中公用的部分提供出来，形式一个新的方法，这种重构可以使整段程序的结构变得更清晰，增加可读性，扩展性和可维护性。如，有两个方法，它们的实现部分很雷同，看代码： 1 public string ChooseItem1() 2 { 3 return ...

(20210204已解决)VSCode中如何一次替换类名，函数名||refactoring

漫步量化

02-07

1321

Overview Sometimes we want change the name of a class or function, but don’t want replace it one by one, any good method? Prerequisite What I want to do is acctually the concept source code refactor. Source code refactor Refactoring is the process of..

vscode中6个好用的前端重构插件

山山的学习笔记

07-31

1078

Visual Studio Code（简称VS Code）是一款由微软开发且跨平台的免费源代码编辑器。基于其丰富的插件体系与语言支持，目前已经成为了最流程的集成开发环境。本文介绍了笔者用过的最好用的几款前端重构插件。 JavaScript Booster JavaScript Booster 是一种代码重构工具，具有多种编码操作，例如将 var 转换为 const 或 let、删除多余的 else 语句以及合并声明和初始化。只需注意左侧的灯泡并按下它即可了解如何转换光标...

探索VSCode的新宝藏：Glean——React代码重构利器

gitblog_00015的博客

05-13

652

探索VSCode的新宝藏：Glean——React代码重构利器如果你是React开发者，那么你一定对代码重构的效率提升有着无尽的追求。现在，让我们一起深入了解【VSCode Glean】，一个专为React开发设计的强大代码重构扩展工具。项目介绍 VSCode Glean 是由Wix公司开发的一款Visual Studio Code插件，它提供了一系列针对React代码的智能重构功能。从提取J...

C++类与对象学习笔记——深入解析代码实践

以下是对文件标题“cpp代码-c++学习笔记——类与对象”和描述中提及的知识点的详细解析： 1. 类（Class）的定义：在C++中，类是创建对象的模板或蓝图。它定义了对象共有的属性和方法。类的基本构成元素包括成员...