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实现js格式化和代码折叠
01-22
一. 目的 在程序的开发中，javascript脚本的扩大，代码折叠，格式化是必不可少的一部分。对于大多数注释,代码折叠，格式化，都有着相似的样子，另外，在团队开发的过程，脚本太大，太长。为了提高在开发过程中，代码的可读性和开发效率，可以利用VS提供的Macro扩展功能，实现一套Macro模板。在使用的过程中，只需要使用相应的快捷键，便可格式化脚本和查看代码结构。 二. 实现 1. 新建Macro工程 打开 菜单 --> Tools --> Macro --> New Macro Project...，根据向导提示建立工程。 2. 编辑Macro工程 打开 菜单 --> Tools --> Macro --> Macro Explorer ，在Explorer中选择新建的工程，修改Module名(右键)，在Module名上双击，在打开的Macro IDE中进行编辑。 3. 在Module下，添加要实现的MacroForJs，并实现(内容为向Active Document中添加注释)。 4. 保存 5.在VS2008中，双击添加的Macro，将执行对应的Macro代码(使用VBScript在Macro IDE中实现的)。 6. 建立快捷键 打开 菜单 --> Tools --> Options --> Keyboard ，在列表框中选择刚才添加的MacroForJs里的OutlineFun (作用：注释)，然后在 Press shortcuts keys中输入快捷键，点击Assign 。 打开 菜单 --> Tools --> Options --> Keyboard ，在列表框中选择刚才添加的MacroForJs里的FormatForJsChar (作用：格式化)，然后在 Press shortcuts keys中输入快捷键，点击Assign 。 7. 这时候，就可以直接使用快捷键来执行MacroForJs 。 三. 使用附件 1. 加载 打开 菜单 --> Tools --> Macro --> Load Macro Project... ，选择附件里的工程。 2. 配置快捷键 3. 完成 具体的实现代码见附件工程。
Javascript实现代码折叠功能
10-21
代码折叠起来,使整段程序缩成一行,看起来清爽了许多。大家在使用Visual Studio环境进行开发时，可以把某个类或某个函数折叠起来，在很多网页上也有类似的功能，那到底是如何实现的呢？其实很简单，只要通过...
VS2010 JS文件折叠
weixin_30376083的博客
12-11 83
#region 使您可以在使用 Visual Studio 代码编辑器的大纲显示功能时指定可展开或折叠的代码块。例如： #region MyClass definition public class MyClass { static void Main() { } } #endregion 1. #region ...
让Visual Studio 也支持JS代码折叠 —— 续 [ Visual Studio | Js | ScriptOutline | SmallOutline ]...
weixin_33671935的博客
12-07 153
一、继续上文改造，主要是支持region 后面跟注释和显示注释 　　　　1.1　　效果图，这里就不贴步骤了，上文有详细的步骤。 　　　　 　　　　1.2　　宏代码，修改上文使用的宏即可。 OptionStrictOffOptionExplicitOff ImportsSystem ImportsEnvDTE ImportsEnvDTE80...
Visual Studio实现JS代码折叠功能
山鹰的专栏
01-05 7682
环境 Microsoft Visual Studio 2008 正文 1. 打开宏资源管理器:视图 -> 其他窗口 -> 宏资源管理器  2.      创建一个新模块 3.编辑宏:选中模块 -> 右键编辑 Option Strict Off Option Explicit Off Imports System Imports E
VS2022的折叠到定义ctrl+m+o，不折叠注释，仅折叠代码
番茄鸡蛋的专栏
07-11 2065
使用折叠到定义功能，连注释都被折叠，会降低注释提高可读性的作用。折叠后，不能看到详细描述。每行都单独用的方式注释。推荐使用方法一。虽然占篇幅，但我个人觉得可读性反而更好，而且不影响函数注释的显示效果。将原注释每两行之间用隔开。缺点：占篇幅，不紧凑。和原来相同的参数提示：和原来相同的函数提示：用注释。缺点：是填写参数时，依旧显示所有注释，不会切换成只显示单个参数的注释。...............
VS2022的代码折叠加减号不见了怎么办？如图
最新发布
weixin_39915298的博客
02-23 992
VSCODE也是这样。
VS 代码对齐、折叠以及其他常用快捷键整理
weixin_40362806的博客
03-15 4752
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。
在Visual Studio2019中设置文件编码格式
mystonelxj的博客
12-30 4541
文章目录前言操作过程菜单设置菜单使用总结 前言 在使用Visual Studio 工具进行前端开发时，有时候会出现新建立的js文件内容展示中文显示正常，但相关输出信息在浏览器显示为乱码的现象。这种问题主要是由于默认情况下，在visual studio 中建立js文件时文件编码格式为ANSI格式，将文件编码设置为UTF-8格式时，浏览器中相关乱码就不存在。 我们可以通过记事本打开，然后另存方式将相关js文件编码格式调整为UTF-8格式，也可通过设置visual studio来达到调整js文件编码格式的目的。
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，提供了丰富的代码编辑器特性，如代码折叠。...
【VsCode】实现CSS和javascript中自定义代码折叠，太方便了
【敦厚的曹操】的专栏
02-19 1123
1、css自宝义代码折叠 /* #region ========= 网站头部*/ /* #endregion */ <style> #app { background-color: antiquewhite; width: 200px; /* #region ========= */ height: 150px; padding-top: 20px; padding-left: 10px; /* #endregion */ } </style> 1.
VS中C++代码折叠
热门推荐
舒夜无痕--成为更好的自己
09-04 2万+
用VS编写C#时，可以用#region name和#endregion，将代码分段，这样可以将代码折叠起来，当类过大，方法过长时，这种方法可以提高阅读效率，是人看着更舒服。        对于C/C++语言，#region失效。这不免让人郁闷。        VS对C/C++语言，默认仅折叠预处理命令(#include, #pragma等)、类、函数等。如果某个函数特别长，大大超出了屏幕范围，
使用region注释，将代码块收（折叠）起来
程序人生
05-13 4263
region注释的实现需要ide（编程工具）支持 用法：大多是在单行注释符后，添加字符串 region 和 endregion 一、js ：vscode （1）使用方法 // #region 变量 isGetLoading = false; tableNameId = ""; // #endregion // --也可顶格 //#region 变量 //#endregion （2）收起全部region的快捷键 名称：折叠所有区域 按键：ctrl + k + 8 二、jav...
js展开和折叠(html代码)
weixin_41152163的博客
06-26 6139
js展开和折叠js展开和折叠--代码js展开和折叠--效果 js展开和折叠–代码 .content{ width:60%; margin:auto; } .caretnew{ display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-al...
GridPanel OnRefreshData PagingToolBar 不调用刷新方法的解决方法
dugucike的专栏
09-13 2696
遇到一个非常奇怪的问题：就是GridPanel与Store联合使用时,Store有一个刷新数据的方法，OnRefreshData，调用服务器端的protected void RefreshData(object sender, StoreRefreshDataEventArgs
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、付费专栏及课程。

余额充值