Visual Studio添加对Class内部的if, for循环等块区域的outline功能以及对html,css添加#region模块

最新推荐文章于 2023-08-21 18:23:23 发布
最新推荐文章于 2023-08-21 18:23:23 发布
阅读量1.1k 收藏
点赞数
分类专栏： Visual Studio 文章标签： visual studio 2010 visual studio 插件 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sundacheng1989/article/details/54708589
版权

在Viusl Stuido提供了对内部方法的Outline功能，也就是说折叠起来，这样方便与看代码与找代码。但是有时候一个方法内部的一个块状区域太长，我们在一个方法中写代码，也想把这个区域折叠起来，当然我们可以用#region，但是我们也可以用这里的这个插件，非常好用。

https://marketplace.visualstudio.com/items?itemName=Skybladev2.Coutline

这个差劲是基于JSEnhancement，对于Javascript代码的支持也非常好，很推荐。


关于JSEnhancement http://www.cnblogs.com/dudu/archive/2011/02/27/vs2010_extension_JSEnhancements.html

在Visaul Studio 2010中写js或css代码，缺少像写C#代码时的那种折叠功能，当代码比较多时，就很不方便。

今天发现，已经有VS2010扩展支持这个功能，它就是——JSEnhancements（下载地址）。

用了一下，感觉不错，定义region，只需将#region写在注释中即可。请看下面的演示：

先看JavaScript

未使用JSEnhancements的情况：

1. 使用JSEnhancements之后（未定义region）：

折起

展开

2. 使用JSEnhancements之后（定义了region）：

折起

展开

再来看看CSS

全部折起

展开region

全部展开

其他针对JavaScript的VS2010扩展：

Javascript parser（感谢Gray Zhang的推荐！）


孙大诚_SunRobin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS2013 CSharpOutline.vsix
08-16
C#开发插件CSharpOutline.vsix，折叠代码，使代码结构更加清晰。
vscode-code-outline:Visual Studio代码的符号大纲
05-02
Visual Studio Code的代码大纲树提供程序 :warning: 已弃用。 请使用Visual Studio Code附带的。 特征 在资源管理器窗格中显示代码大纲树。 要激活，请找到并展开“资源管理器”选项卡底部附近的“代码大纲”部分。 语言支援 为了使大纲起作用，语言支持插件需要支持符号信息。 为了使轮廓形成树形结构，语言支持插件需要将整个定义范围报告为符号的一部分。 有关讨论，请参见VS代码和语言服务器协议 。 以下是已知可与Code Outline一起使用的语言的列表： 语言/格式 扩大 C C ++ ， 码头工人 HTML 随附VS Code 去 Java JavaScript 随附VS Code JSON格式 随附VS Code 降价促销 随附VS Code Perl PHP 电源外壳 Python 锈 锈（rls） 打字稿 随附VS Code
VSCode显示大纲（函数方法列表）方法
PlutoZuo的博客
08-21 2441
VS Code显示大纲（函数方法列表）方法
Visual Studio 2015 有用的插件，方便程序员使用
欢迎来到博客主页
07-31 521
** 1、为VS中的括号添加虚线----Indent Guides 插件 2、代码中if else语句折叠 --------outline 插件 安装完毕之后，重启VS就可以看到以下的效果啦
VSCode大纲outline视图提示在文档中找不到符号解决方法
qq_41649655的博客
06-07 7822
vscode大纲c/c++找不到符号
那位高手可以完成
huangfangjing的专栏
10-28 205
――代码精灵一、        背景介绍程序员们编写代码，不仅仅是为了与计算机交流，控制计算机，也是为了与他人交流，分享自己的工作。编码工作的一小部分是写让计算机读的程序，大部分工作是写让他人看懂的程序。好的布局是可读性的关键，而不同的项目组通常又遵循着各自不同的代码风格。如何统一整个项目中代码文件的代码风格，也是一个不容忽视的问题。用一款小型的软件来统一格式化代码文件就是一种非常有效
vscode用outline显示全部类函数
qq_43369406的博客
11-24 4567
选择第一个匹配的选项view: Focus on Outline View。打开Command line，在command line中输入。(o-outline)快速查看程序整体，即快速查看大纲。打开File line，输入。
VS编程，几个好用的Visual Studio插件推荐（一）
热门推荐
君一席
12-12 8万+
1、Indent Guides https://marketplace.visualstudio.com/items?itemName=SteveDowerMSFT.IndentGuides 在成对的括号之间连一条虚线，有了这些辅助线，代码结构一目了然。 VS2012版本适用的拓展不好找，此链接只对VS2015和VS2013有用。 VS2017自带这个功能。 2、AllMargins...
VS2013强制安装outline VS强制安装.vsix文件
wnk1997的博客
12-29 1381
问题描述：VSIX Installer 缺少.net framework 问题描述：扩展“C# outline 2013”需要的 .NET Framework 版本没有安装 如题，lz之前一直用的是高版本VS，没遇到过安装失败的问题，换了个公司，公司要求用VS2013，在配置插件的时候，提示我：扩展“C# outline 2013”需要的 .NET Framework 版本没有安装？？？ 然后我去官网把.net 4.7.2之前所有没装的都装了也无济于事。百度怎么搜都搜不到解决方法，但是遇到了好几个哥们和我一
如何让vscode的outline显示markd
weixin_42583683的博客
01-05 305
你可以在 Visual Studio Code 中打开设置 (File > Preferences > Settings 或者使用快捷键 Ctrl + ,)，然后在搜索栏中输入 "markdown.showOutline" 并将其设置为 true。这样就可以在 Visual Studio Code 的 outline 中看到 markdown 文件的大纲了。你也可以通过在设置中搜索 "...
带你玩转Visual Studio——带你高效开发
阳光日志
10-02 4万+
VassistX有以下主要功能： **智能提示：**关键字的提示，已有类名、方法名的提示，类成员(成员数据和成员函数)的提示； **代码高亮：**关键字、类名、方法名等用不同的颜色进行高亮，方便代码的阅读； **快速追踪：**声明与实现的快速跳转，.cpp与.h文件的快速切换； **高效查找：**文件名的查找，标识符的查找，标识符补引用的查找； **代码重构：**重命名标识符(变量名、方法名、类名等，这个非常有用)，
squircle-houdini-css:一个很小CSS Houdini模块，该模块允许向HTML元素添加波形形状
04-11
一个很小CSS Houdini模块，它允许在HTML元素中添加波浪形形状。 :violin: :alien_monster: :rolled-up_newspaper: :control_knobs: 自定义CSS属性 -圆弧半径 该属性控制拐角的圆度。 语法： Defaul值： — ...
响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例2-7 CSS3 outline-offset属性
最新发布
01-06
响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 第2章 CSS3文本与图标 例2-7 CSS3 outline-offset属性
al-code-outline:Visual Studio代码的AL代码大纲
04-29
适用于Visual Studio代码的AZ AL开发工具/ AL代码大纲此扩展最初被称为“ AL代码轮廓”，因为它是从AL代码轮廓面板开始的，可以从该面板在AL语法节点上运行不同的代码生成器。 每个新版本都添加了新功能，其中一些...
利用CSS3实现圆角的outline效果的教程
09-25
主要介绍了利用CSS3实现圆角的outline效果的教程,一般用于实现相框效果,需要的朋友可以参考下
在Visual Studio中，配置与平台中的x86设置与目标平台中的x64设置的作用
写代码的蜗牛
01-25 2万+
在Visual Studio中查看某个Project的属性，你就会发现在顶端有两个下拉框，这里可以指定平台相关信息，但是在这个下边，又有一个目标平台，这里也可以指定平台相关信息，这往往很迷惑，一个Project怎么会有两种设置呢，那么当前项目会编译成那种格式呢？ 这里来简单的解释一下。那个活动的，“活动”的意思是，指的是整个的solution的一个配置。包括VS工具栏中的那个配置管理
关于在Visual Studio中无法使用中文输入法的问题
写代码的蜗牛
10-11 2万+
以前一直用英文版的Visual Studio, 一切设置或者代码注释都是使用英文写的。现在突然改用中文了，一些设置也需要使用中文。在VS2010中进行设置，或者用中文写代码注释的时候，我突然发现我的搜狗输入法在这里根本显示不出来。通过查找原因，应该是输入法出问题了，需要修复。   这时候最简单粗暴的方法就是重装搜狗输入法。   但是如果你不想重装，你也可以修复。这时候，你需要到另外的程序
检测一个DLL文件是x64还是x86
写代码的蜗牛
04-17 1万+
对于一个DLL，我们如何判定其是32位的还是64位的，或者是any cpu的platform? Visual Studio提供了一个很好的工具：corflags，这个是内嵌到Developer Command Prompt中的。使用方法如下，打开Developer Command Prompt，输入corflags命令，并且输入dll的详细路径，比如corflags C:\Temp\Oracle
禁用Visual Studio的自动保存功能
写代码的蜗牛
11-02 1万+
在使用Visual Studio写代码的时候，IDE偶尔会出现No Response的现象，并且在左下角的状态栏中显示Auto Saving Recovery Information的提示。尤其是当你打开两个Visual Studio的时候，这种现象非常明显，非常频繁，很影响正常的代码编写。 其实这个时候，是Visual Studio正在自动保存备份信息，如果在你写了很多代码还没有保存的时候
python 对tiff文件绘制矩形框以及添加文字标注
06-09
要对tiff文件进行矩形框绘制和标注文字，可以使用Python中的Pillow库和OpenCV库。 首先，使用Pillow库打开tiff文件： ```python from PIL import Image img = Image.open("example.tif") ``` 接下来，使用Pillow库的ImageDraw模块绘制矩形框： ```python from PIL import Image, ImageDraw # 创建ImageDraw对象 draw = ImageDraw.Draw(img) # 绘制矩形框 draw.rectangle((10, 10, 100, 100), outline='red', width=2) # 显示图片 img.show() ``` 其中，`draw.rectangle((10, 10, 100, 100), outline='red', width=2)`表示绘制一个左上角坐标为(10,10)，右下角坐标为(100,100)的矩形框，边框颜色为红色，线的宽度为2。 如果要在矩形框中添加文字标注，可以使用`draw.text()`方法： ```python from PIL import Image, ImageDraw, ImageFont # 创建ImageDraw对象 draw = ImageDraw.Draw(img) # 绘制矩形框 draw.rectangle((10, 10, 100, 100), outline='red', width=2) # 添加文字标注 font = ImageFont.truetype("arial.ttf", 16) draw.text((20, 20), "Example Text", font=font) # 显示图片 img.show() ``` 其中，`font = ImageFont.truetype("arial.ttf", 16)`表示使用字体为arial，大小为16的字体，`draw.text((20, 20), "Example Text", font=font)`表示在矩形框内添加文字标注，文字内容为"Example Text"，坐标为(20,20)。 如果要使用OpenCV库进行绘制，可以使用cv2.rectangle()和cv2.putText()方法： ```python import cv2 # 读取tiff文件 img = cv2.imread('example.tif') # 绘制矩形框 cv2.rectangle(img, (10,10), (100,100), (0,0,255), 2) # 添加文字标注 cv2.putText(img, "Example Text", (20,20), cv2.FONT_HERSHEY_SIMPLEX, 0.5, (255,255,255), 1, cv2.LINE_AA) # 显示图片 cv2.imshow("Image", img) cv2.waitKey(0) ``` 其中，`cv2.rectangle(img, (10,10), (100,100), (0,0,255), 2)`表示绘制一个左上角坐标为(10,10)，右下角坐标为(100,100)的矩形框，颜色为红色，线的宽度为2，`cv2.putText(img, "Example Text", (20,20), cv2.FONT_HERSHEY_SIMPLEX, 0.5, (255,255,255), 1, cv2.LINE_AA)`表示在矩形框内添加文字标注，文字内容为"Example Text"，坐标为(20,20)，字体为FONT_HERSHEY_SIMPLEX，大小为0.5，颜色为白色，线的宽度为1。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值