vscode怎么回退代码(vscode回退代码插件)

vscode怎么运行代码

1、通过快捷方式打开Visual Studio Code工具,然后新建静态页面。

2、创建一个静态页面table.html,并添加页面代码,然后保存,使用浏览器查看。

3、点击File菜单,选择Open Folder,将项目导入到Visual Studio Code。

4、导入进去后,查看项目所依赖的包是否安装,项目配置文件。

5、新建一个终端窗口,在命令行输入npm run dev运行项目。

6、再点击File,然后新建一个TypeScript文件ct.ts,添加对应的代码。

7、打开一个终端窗口,查看是否安装TypeScript插件,利用tsc命令运行文件。

vscode 跳转到函数之后怎么跳转回之前的位置

macOS: control + _

菜单的 “转到” 的 “前进”, “后退”,就是做这个用的。

VSCode后退、前进(返回上一处光标,下一处光标)快捷键

Mac

后退(返回上一处光标):ctrl+-

前进(返回下一处光标):ctrl+shift+-

vscode插件快捷键点击是另一个软件

,希望可以帮助各位码农锋利自己的武器。

快捷键器篇

窗口文件相关快捷键

新建文件

Ctrl+N

文件之间切换贴

Ctrl+Tab

打开一个新的VS Code编辑器

Ctrl+Shift+N

关闭当前窗口

Ctrl+W

关闭当前的VS Code编辑器

Ctrl+Shift+W

切出一个新的编辑器窗口(最多3个)

Ctrl+

切换左中右3个编辑器窗口的快捷键

Ctrl+1 Ctrl+2 Ctrl+3

全屏显示

F11

放大或缩小(以编辑器左上角为基准)

Ctrl +/-

侧边栏显示或隐藏

Ctrl+B

显示 Debug

Ctrl+Shift+D

显示 Output

Ctrl+Shift+U

搬砖相关快捷键

复制

Ctrl+C

剪切

Ctrl+X

粘贴

Ctrl+V

代码行向左或向右缩进

Ctrl+[ 、 Ctrl+]

代码格式化

Shift+Alt+F

向上或向下移动一行

Alt+Up 或 Alt+Down

向上或向下复制一行

Shift+Alt+Up 或 Shift+Alt+Down

在当前行下方插入一行

Ctrl+Enter

在当前行上方插入一行

Ctrl+Shift+Enter

移动到行首

Home

移动到行尾

End

移动到文件结尾

Ctrl+End

移动到文件开头

Ctrl+Home

选择从光标到行尾的内容

Shift+End

选择从光标到行首的内容

Shift+Home

删除光标右侧的所有内容(当前行)

Ctrl+Delete

删除当前行

ctrl+shift+k

下一个匹配的也被选中

Ctrl+D

回退上一个光标操作

Ctrl+U

可能有的小伙伴会说,这快捷键也太多了吧,但是这仅仅是冰山一角。不过各位小伙伴也不要慌张,vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼?下面奉上一张宝图,大家就一目了然了。

看到这里,可能很多小伙伴会有疑惑,为什么我的编辑器是中文的,而你的是英文尼?这就和我们接下来要说的常用插件有关了。带我慢慢道来。

插件篇

编辑器常用插件

Chinese (Simplified) Language Pack for Visual Studio Code

安装这个插件就可以把编译器原始的英文界面更改为中文界面了。

background

编码搬砖的过程,无疑是相当枯燥乏味的,但是如果加上这样的小姐姐尼?是不是一下就不枯燥了?

答案是肯定的。也很幸运的有background这个插件,安装之后会有一个默认的背景图片,如图所示:

这个时候,我们可以在修改设置中搜索background修改设置json文件,如下所示:

修改代码奉上:

{

“background.useDefault”: false,

“background.style”: {

“content”:"’’",

“pointer-events”:“none”,

“position”:“absolute”,//图片位置

“width”:“100%”,

“height”:“100%”,

“z-index”:“99999”,

“background.repeat”:“no-repeat”,

“background-size”:“100%,100%”,//图片大小

“opacity”:0.2 //透明度

},

“background.customImages”: [//此处配置自己对应的背景图

“”

],

}

Rainbow Fart

背景图片有了,那么能不能也有声音尼?我可以肯定的告诉你,可以。只需要安装Rainbow Fart这个插件,然后启动这个插件就可以在编码的过程中,出现小姐姐的声音了。启动方法如下:

在vscode软件中使用ctrl+shift+p 打开命令面板,复制Enable Rainbow Fart 后回车,右下方弹出的提示后点击open按钮,或直接访问( ),在弹出的页面点击授权,如下图所示:

授权成功之后,就可以愉快的编码了。

1

2

3

open in browser

在浏览器中打开页面

Live Server

以服务器的方式打开页面

搬砖常用插件

Auto Close Tag

标签自动闭合

Auto Rename Tag

开始标签和结束标签自动进行同步

Bracket Pair Colorizer

会已不同颜色和横线显示括号的范围

HTML Snippets

快速的生成html标签

JS-CSS-HTML Formatter

代码格式化

Color Info

颜色提示插件,只需要将鼠标放在颜色值上悬停,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息啦。

jQuery Code Snippets

jQuery自动提示

Path Autocomplete

路径自动补齐

ESLint

检测JS必备

Html Css Support

在标签新增class的时候会提示之前写过的class

Beautify / Beautify css/sass/scss/less

样式格式化(两个的区别还没感受出来)

Vetur

更多内容请见原文,原文转载自:

分类: 前端

标签: vscode常用插件快捷键, 前端

好文要顶 关注我 收藏该文  

忘川信使

粉丝 - 0 关注 - 0

+加关注

00

» 下一篇: 面试宝典带你走向人生巅峰

posted @ 2022-03-28 16:33 忘川信使 阅读(324) 评论(0) 编辑 收藏 举报

vscode的git插件不小心点了回退文件怎么恢复

还原内容。

1、首先找到想要恢复之前的文件,并点开时间线。

2、其次点击想要恢复那个时间段的文件查看是否是自己想要恢复的。

3、然后右击,还原内容即可恢复。vscode是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。

361知讯网

本文链接:http://pdidw.com/vs/24765.html

发表评论

评论列表

还没有评论,快来说点什么吧~