建站须知
企业网站建设的流程主要有哪些

UI设计、域名服务器、写代码、后台开发

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

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

一、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