建站须知
企业网站建设的流程主要有哪些
UI设计、域名服务器、写代码、后台开发
CREATIVITY, PROCESS, PERFORM INDISPENSABLE

使用VScode提高前端开发效率必备的几项设置

时间:2025-04-05   查看:2005次

一、Sticky Scroll(粘滞滚动)

如下图,在使用vscode往下滚动的时候,顶部总有几行跟随滚动,就像excel表格中的冻结功能。在这里它的名字叫“粘滞”,跟我们使用习惯不符,一般是要去掉该功能。

微信截图_20250406000108.png

设置方法:

1、在左下角的“设置”中,搜索“ Sticky”,拉到最底部,找到“Editor › Sticky Scroll: Enabled”,把对号取消即可。

微信截图_20250406000108.png

2、另外,还有更简单的方法,在网上查了下,居然没人提过。

就是在顶部跟随滚动的位置,直接右键,会出现“粘滞滚动”的弹出框,取消即可。

微信截图_20250406000108.png


二、Word Wrap(自动换行)

如下图,最右侧代码超出工作台,因为vscode默认是不换行的。阅读起来不方便,需要设置下。

微信截图_20250408161920.png

设置方法:

1、在左下角的“设置”中,搜索“wrap”,第一个就是“Editor: Word Wrap”,把默认的“off”改成“on”即可。

微信截图_20250408161920.png

2、或者,用快捷键“Alt+Z”,效果是一样的。如下图,最右侧自动换行。

微信截图_20250408161920.png


三、 快速打开外部终端

问题描述:

用vscode开发Vue项目时,经常需要打开外部终端,安装各种依赖。普通打开方式复杂:“功能键+R”打开运行 —— 输入“cmd”打开终端 —— “cd /d d:/vue2”切换到项目所在的文件夹。

使用VScode提高前端开发效率必备的几项设置.png使用VScode提高前端开发效率必备的几项设置.png

解决方法:

通过设置,可以从vscode直接打开外部终端,方法如下:打开设置 —— 搜索“终端”  —— 将“Terminal: Explorer Kind”的默认选项集成终端,改成外部终端即可。

使用VScode提高前端开发效率必备的几项设置.png

然后关闭vscode重启,右键项目文件夹,就能看到“在外部终端中打开”的选项了。

使用VScode提高前端开发效率必备的几项设置.png


来源:https://www.html20.com/skill/368.html
CONTACT US
  • 服务热线:18361226252
  • 地址:江苏徐州鼓楼区工农路3号
  • 邮箱:2417102043@qq.com
扫一扫二维码关注我们
扫一扫二维码关注我们
微信二维码