VS2022 实现javascript代码折叠

已于 2022-11-16 10:46:36 修改
阅读量1k 收藏
点赞数 2
分类专栏： web开发 文章标签： 前端
于 2022-11-16 10:46:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dugucike/article/details/127880527
版权

有时候js代码写太长，不方便阅读，找了半天也没找到好用的插件，有些都有老版本的，也没安装在vs2022上测试，在用 vscode的的时候，发现有个 //#region  //#endregion的标签对，本着猜想的原则，抱着试试看的态度，在vs2022MVC项目中的View代码下测试了一下，居然可以。

独孤刺客
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS 代码对齐、折叠以及其他常用快捷键整理
weixin_40362806的博客
03-15 4848
Ctrl + K，Ctrl + U = 取消选定行的注释。Ctrl + Delete = 删除光标右侧的所有字。Ctrl + K，Ctrl + C = 注释选定行。将选定行代码变为大写字母：Ctrl+Shift+U。按Ctrl+K+F组合键，可以自动进行代码对齐。Shift + Home = 从尾到头选择整行。Ctrl + Shift + B = 生成项目。将选定行代码变为小写字母：Ctrl+U。取消注释选定的代码：Ctrl+K+U。注释选定代码：Ctrl+K+C。
js 中使用 #region #endregion
ahveyors79701的博客
04-25 2964
vs 和 vs code 都是可以支持 js 使用 #region 折叠代码的；code 我就不说了 同理vs 的； 首先下载 vs 插件，插件路径：https://archive.codeplex.com/?p=jsoutlining11 支持 vs2015 的 效果如下： 转载于:https://www.cnblogs.com/lizichao1991/p/894...
visual studio2022 使用SonarLint插件
夜飞鼠的专栏
11-20 4059
SonarLint插件SonarLint是一个免费的开源IDE扩展，它可以识别并帮助您在编写代码时解决代码质量和代码安全问题。 SonarLint类似于拼写检查器，它可以发现一些常见的编码缺陷，并提供实时反馈和提供明确的补救指导，从而优化你编写的代码。扫描用C#、VB.NET、C、C++、Javascript、TypeScript编写的代码开源JavaScript、TypeScript、C#和VB.NET代码分析器C和C++支持MSBuild（.vcxproj）项目的应用程序、动态库和静态库类型。
2022，VSCode 前端插件推荐（摸鱼必备）
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
02-22 1555
前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群前言推荐一波前端开发必备插件，绝对可以提高你的生产力，剩下来的时间来 mo鱼，岂不美哉开发综合推荐别名路径跳转插件名：别名路径...
Visual studio 2022 常用快捷键
热门推荐
hjj0562的专栏
04-09 2万+
Visual studio2022常用快捷键定义目录标题 ——针对 VS2022，对快捷键操作进行更新—— 1.强制智能感知： Ctrl+J;有时候当我们退出智能感知就不能使用输入联想，这时候你可以在输入后按Ctrl+J进行输入联想： ，按Ctrl+J，之后： 2.强制智能感知****显示参数信息： Ctrl+空格： 3.强制选中智能感知的即将输入的字段（即输入联想，光标放在字段后）：Shift+Space，用于给变量提示命名： 4.格式化代码，操作：选中你要格式化的代码，或者将光标放在某一行代码的前
Javascript实现代码折叠功能
10-21
JavaScript代码折叠功能是一种提高代码可读性和管理性的实用技术，尤其在处理大量代码时非常有用。在Visual Studio这样的集成开发环境中，以及许多网页上，我们可以看到这种功能的应用。通过简单的JavaScript编程，...
vs2010实现js代码折叠
01-03
在本例中，我们关注的是如何在Visual Studio 2010（简称VS2010）中实现JavaScript代码的折叠功能。`//#region` 和 `//#endregion` 注释就是用来标记代码折叠区域的关键字。 JavaScript是一种广泛用于网页开发的动态...
vs2013实现js代码折叠
01-03
为了在VS2013中实现JavaScript的代码折叠，我们需要利用Visual Studio的扩展功能，如“JS Outlining”插件。`JSOutlining.vsix` 文件就是这样一个扩展，它可以为JavaScript代码提供类似于C#的代码折叠功能。 安装`...
vs2012实现js代码折叠
01-03
在本例中，我们关注的是如何在Visual Studio 2012（简称VS2012）中实现JavaScript（JS）代码的折叠功能。VS2012是一款强大的开发工具，支持多种编程语言，包括JavaScript，提供了丰富的代码编辑器特性，如代码折叠。...
VS和IDEA折叠代码快捷键
Salmon_lee的博客
11-30 2276
VS2017： Ctrl + M + O: 折叠所有方法 Ctrl + M + M: 折叠或者展开当前方法 Ctrl + M + L: 展开所有方法 IDEA： 展开：ctrl + shift + = 折叠：ctrl + shift+ -
VS2022 使用Standalone JavaScript Vue Template创建的Vue版本不是3.0
lee576的专栏
12-19 2384
实践出真知，这话一点不假，之前在微信公众号上看的一篇文章，说是用这个模板创建Vue 3.0 + WebApi的项目，结果自己照着创建一个就是各种坑和问题，可能是新东西出来还不成熟吧！使用 Vue 3.0的Setup语法糖居然编译错误 使用查看当前的Vue版本 npm list vue 结果查到版本是 2.6.4 不是 3.0！使用 如下命令升级Vue npm install vue@3.0 安装完成，运行，结果遇到如下错误 Error: Cannot find module '@vue/.
JS中文乱码解决方案
愣頭圊◥◤
11-09 505
对于这个问题，可能存在页面中文乱码，也可能是弹出窗口中文乱码。 网上搜索的解决方案如下： charset=utf-8" />进行编码 然后对charset="utf-8">加上一个charset，这里两处编码格式一定得同步。 实际上，在我这里，这样一样是解决不了乱码问题，为了确定我文件的编码格式，我把HTML代码和JS脚本文件都用记事本进行了重新编码为UTF-8
2022年JavaScript最著名的库和框架
Programming
06-05 606
猿码设计师 - 2022年JavaScript最著名的库和框架https://www.yuanmadesign.com/ymdesign/js-lib-framework“ 流行的JavaScript库和框架，帮助我们构建美好的世界和生活。”根据 2021 年 Stack Overflow 开发者调查，JavaScript 是世界上使用最多、最著名和被认可的编程语言。也许，即使是 JavaScript 的创造者 Brendan Eich，也无法想象它今天是如此成功。他只打算制作一种可以使 Web 开发过程更
js实现折叠&展开
jia_love的博客
08-31 9725
最近在做一个div的折叠与展开功能，在网上搜了多种方法，各有各的功能，但个人觉得有一种方法比较简洁明了，因此来总结一下—— 比较关键的是一段js代码，如下： $(document).ready(function(){ var i=$('#num').text(); $(".btn-slide1").click(function(){ $("#panel1").
2022年快到了， 10 个最值得推荐的 VS Code 插件
python2021_的博客
12-27 4229
1Import Cost 在开发过程中，你可能经常会发现自己要在项目中添加依赖项。尽管模块化开发已成为现今软件开发的关键部分，但最好还是确认对自己的输入保持一定的细心。JavaScript 和 TypeScript 的 Import Cost 插件让你可以实时地警惕所有的依赖项。 当你将依赖关系内联添加到代码中时，它会显示对应的大小。它是一个轻巧的插件，可提供预见性并有助于有效的依赖关系管理2 File Utils 尽管 Visual Studio 的核心功能在对文件进行编码时效果很好，但是你可能
设置VS代码折叠
Stone_Sky
08-09 8775
（中文版）工具--选项--文本编辑器--C/C++--格式设置--大纲语句块（英文版）Tools---Options---Text Editor----c/c++---Formatting Automatic outlining of statement blocks 设置为TRUE
vs2010 js代码折叠
10-08 137
方法一：插件 在Visaul Studio 2010中写js或css代码，缺少像写C#代码时的那种折叠功能，当代码比较多时，就很不方便。 但是已经有VS2010扩展支持这个功能，它就是——JSEnhancements（下载地址）。 下载之后，双击安装，然后重启VS就可以了。 方法二： 或者是 /*#region 这里写你的js的用途*/ 这中间是你的...
javascript实现列表的点击展开折叠
最新发布
06-10
可以通过以下代码实现列表的点击展开折叠功能： HTML代码： ``` <ul id="list"> <li> <div class="title">标题1</div> <div class="content">内容1</div> </li> <li> <div class="title">标题2</div> <div class="content">内容2</div> </li> <li> <div class="title">标题3</div> <div class="content">内容3</div> </li> </ul> ``` CSS代码： ``` .title { cursor: pointer; } .content { display: none; } ``` JavaScript代码： ``` var list = document.getElementById('list'); var titles = list.getElementsByClassName('title'); for (var i = 0; i < titles.length; i++) { titles[i].onclick = function() { var content = this.nextElementSibling; if (content.style.display === 'none') { content.style.display = 'block'; } else { content.style.display = 'none'; } } } ``` 解释： 1. 首先通过 `getElementById` 方法获取列表元素，并通过 `getElementsByClassName` 方法获取所有标题元素。 2. 遍历所有标题元素，为每个标题元素添加 `onclick` 事件。 3. 在事件处理函数中，通过 `nextElementSibling` 获取当前标题元素的下一个兄弟元素（即内容元素）。 4. 判断内容元素的 `display` 样式属性是否为 `none`，如果是，则将其设置为 `block`，表示展开；否则将其设置为 `none`，表示折叠。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值