首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开发必备 | 新手如何快速掌握VSCode编辑器?

0x00 VScode 快速入门 描述: VS Code 全称是 Visual Studio Code,是一款开源、免费、跨平台、高性能、轻量级代码编辑器。...VSCode 特点 使命是让开发者在编辑器里拥有 IDE 那样开发体验,比如代码智能提示、语法检查、图形化调试工具、插件扩展、版本管理等。...Ctrl+K P 复制活动文件路径 Copy path of active file Ctrl+K R 显示资源管理器中活动文件 Reveal active file in Explorer...自动格式化 保存代码后,默认不会立即进行代码格式化,你可以在设置项里搜索 editor.formatOnSave查看该配置项, 但是此处作者建议保持默认就好。...文件管理 vscode-icon : 根据文件后缀名来显示不同图标,让你更直观地知道每种文件是什么类型.

66010

VS Code折腾记 - (2) 快捷键大全,没有更全

前言 VSCode快捷键继承了一些IDE风格,有VS身影,也有Emacs身影。。简言之,内置快捷键玩熟了,效率提高不是一点两点。...Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新一行 Ctrl + Shift + Enter 在当前行插入新一行 Ctrl + Shift + \ 匹配花括号闭合处...Ctrl + Shift + ] 展开区域代码 Ctrl + K Ctrl + [ 折叠所有子区域代码 Ctrl + k Ctrl + ] 展开所有折叠子区域代码 Ctrl + K Ctrl + 0...折叠所有区域代码 Ctrl + K Ctrl + J 展开所有折叠区域代码 Ctrl + K Ctrl + C 添加行注释 Ctrl + K Ctrl + U 删除行注释 Ctrl + / 添加关闭行注释...+ K Enter 保持开启 Ctrl + Shift + Tab 调出最近打开文件列表,重复按会切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件存放路径

1.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

VSCode快捷键

使用VSCode快捷键,效率会提高很多 VsCode快捷键五种组合方式 组合 解释 Ctrl + Shift + ?...Ctrl + Shift + ] 展开区域代码 Ctrl + K Ctrl + [ 折叠所有子区域代码 Ctrl + k Ctrl + ] 展开所有折叠子区域代码 Ctrl + K Ctrl + 0...折叠所有区域代码 Ctrl + K Ctrl + J 展开所有折叠区域代码 Ctrl + K Ctrl + C 添加行注释 Ctrl + K Ctrl + U 删除行注释 Ctrl + / 添加关闭行注释...Ctrl + F4 关闭当前编辑窗口 Ctrl + K Ctrl + W 关闭所有编辑窗口 Ctrl + Shift + T 撤销最近关闭一个文件编辑窗口 Ctrl + K Enter 保持开启 Ctrl...+ Shift + Tab 调出最近打开文件列表,重复按会切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件存放路径 Ctrl + K R 打开当前编辑文件存放位置

4K10

使用Visual Studio Code编写Vue札记

二、支持Vue文件基本语法高亮 在VSCode Marketplace 搜素Vue 出现关于语法高亮插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等...语法高亮 View Node Package 快速打开选中模块主页和代码仓库 vscode-icons 文件图标,方便定位文件 VSCode Great Icons 文件图标拓展 VueHelper...,剪切光标所在行) Ctrl + C 复制(未选中文本情况下,复制光标所在行) Alt + Up 向上移动行 Alt + Down 向下移动行 Shift + Alt + Up 向上复制行...Shift + Alt + Down 向下复制行 Ctrl + Shift + K 删除行 Ctrl + Enter 下一行插入 Ctrl + Shift + Enter 一行插入 Ctrl...+ [ 折叠代码块 Ctrl + Shift + ] 展开代码块 Ctrl + K Ctrl + [ 折叠全部子代码块 Ctrl + K Ctrl + ] 展开全部子代码块 Ctrl + K

38.8K92

分享8个 VSCode 进阶级快捷键,提升你开发效率

在上一篇文章中,我分享过一些常用快捷键,没看过小伙伴们,可以点击以下链接,快速复习下: 分享11个常用VSCode快捷键,让你编码更高效 1、移动行或选择 将当前选定内容移或下移一行 Linux...成为你一直命中注定要成为超级复制粘贴工程师。...5、查找符号 使用模糊搜索在当前编辑器会话中查找类、函数或属性位置 Linux / Windows: Ctrl + T Mac: Cmd + T 最佳实践指出,你不应该在单个文件中拥有42,069行代码...在你凌乱分散代码库中,以极短时间找到函数、属性和类声明! 6、展开/折叠当前代码块 展开或折叠一个代码块,例如函数或类。...总结 希望这些快捷键能帮助您更长时间地保持专注,同时也能避免在一天结束时肩膀疼痛。 您有喜欢快捷键吗?也许有些没有在这里提到?别保守秘密!在评论中分享出来吧!

69920

【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置主题 | 字体设置 | 复制行操作 )

Studio Code ) ; 二、VSCode 资源管理器 ---- 选择 " 菜单栏 / 文件 / 打开文件夹 " 选项 , 打开时 , 选择信任该目录 ; 资源管理器 有 如下四个功能 : 新建文件...新建文件夹 刷新资源管理器 在资源管理器中折叠文件夹 三、VSCode 生成 HTML 骨架代码 ---- 创建 html 文件 , 在空白文件中 , 输入 !...设置主题 ---- 点击左下角设置按钮 , 选择 " 颜色主题 " 选项 , 在弹出下拉菜单中选择 颜色主题 ; 五、VSCode 字体设置 ---- 字体大小设置 : Ctrl +...加号 : 字体增加 : Ctrl + 减号 : 字体减小 ; 六、VSCode 复制行 将 光标 放在 一行中 , 不需要选中 , 直接 Ctrl + C / Ctrl + V 就可以直接进行复制粘贴...; 使用 Shit + Alt + 上下箭头 , 可以复制一行 , 将复制内容拷贝到上方或下方 ;

1.4K40

Ubuntu中一键安装Notepad ++

简介   编辑器与开发人员普及导致了大量Notepad ++ Linux克隆版本(Notepadqq)构建,以及一组直接受其启发其他开源文本编辑器。   ...Notepad ++功能包括:   用于处理多个文件选项卡式界面   语法高亮显示和折叠   文本搜索/替换   可配置GUI   自动字/功能完成   还有更多功能。...所以无论你是这个代码编辑器长期粉丝,还是好奇,看看它是否值得大肆宣传(没有转换到Windows),这里是如何在Ubuntu安装它。...安装   长期以来,可以使用Wine(一种“Windows”兼容层)在Linux发行版(Ubuntu)安装和运行Notepad ++。   ...或者,要直接跳到Ubuntu软件商店中着名代码编辑器列表,通过下面的链接:   在Ubuntu中安装Notepad ++   如果您喜欢手动执行操作,可以在任何支持SnapLinux发行版运行以下命令

2.3K20

前端学习编辑器介绍

Alpha版比正式版更新频率更高,新功能会优先在Alpha版发布。Alpha独立于正式版,建议电脑保持正式版和Alpha 2个版本,不要互相覆盖。...Alpha和正式版各自有独立升级机制,不会互相影响。Alpha和正式版共用相同用户配置,主题、快捷键设置、代码块设置。但插件需要各自安装。Alpha和正式版能同时启动一个。...映射vscode断点到chrome,方便调试 6.ESLint (推荐)   js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用eslint配置,日后我也会专门针对eslint...,该插件更新极其频繁,基本和vscode更新频率保持一致        极简主义是不需要 15.open in browser (必备)   vscode不像IDE一样能够直接在浏览器中打开html,...,插入在该行之前 Command + K U 选中单词改为大写 Command + K L 选中单词改为小写 Command + Option + [ 代码折叠 Command + Option + ]

1.4K80

VS Code折腾记 – (2) 快捷键大全,没有更全

大家好,又见面了,我是你们朋友全栈君。 前言 VSCode快捷键继承了一些IDE风格,有VS Studio身影,也有Emacs身影, 简言之,内置快捷键玩熟了,效率提高不是一点两点。...+ Alt up/down 在当前行上下复制当前行 Ctrl + Shift + K 删除行 Ctrl + Enter 在当前行下插入新一行 Ctrl + Shift + Enter 在当前行插入新一行...Ctrl + K Ctrl + [ 折叠所有子区域代码 Ctrl + k Ctrl + ] 展开所有折叠子区域代码 Ctrl + K Ctrl + 0 折叠所有区域代码 Ctrl + K Ctrl...Ctrl + F4 关闭当前编辑窗口 Ctrl + K Ctrl + W 关闭所有编辑窗口 Ctrl + Shift + T 撤销最近关闭一个文件编辑窗口 Ctrl + K Enter 保持开启 Ctrl...+ Shift + Tab 调出最近打开文件列表,重复按会切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件存放路径 Ctrl + K R 打开当前编辑文件存放位置

43210

最强开源编辑器,五步教你用 VSCode 进行 Python 开发!

在本文中,你将学到如何在 VSCode 中进行高效 Python 开发,其中包括: 安装 VSCode 安装插件让 Python 开发更便利 编写一个简单 Python 应用 学习如何在 VSCode...VSCode 每月更新,你可以在微软博客随时关注更新进展。微软甚至把代码开源在了 GitHub 上供所有开发者克隆仓库甚至贡献代码(暗示大家赶紧来提 PR)。...如果你会在不同机器使用 VSCode,这么做可以让你保持开发环境一致性; Docker 插件可以当让你愉快地使用 Docker 工作,它帮助开发者编写 dockerfile 和 docker-compose.yml...为了让 Python 插件发挥作用,我们需要将文件存储为后缀为 py 文件 sieve.py。...VSCode 默认用 PEP8 标准来格式化 Python 代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到 IntelliSense 发挥作用,请不要直接复制粘贴这段代码

6.3K20

硬核教程:五步掌握用 VS Code 进行高效 Python 开发

在本文中,你将学到如何在VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件让Python开发更便利 编写一个简单Python应用 学习如何在VSCode中运行和调试已有的...工作区设置以json格式保存在项目目录下.vscode文件夹中。 写个Python程序 让我们从一个Python程序开始探索如何在VSCode中进行Python开发。...为了让Python插件发挥作用,我们需要将文件存储为后缀为py文件sieve.py。...VSCode默认用PEP8标准来格式化Python代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到IntelliSense发挥作用,请不要直接复制粘贴这段代码。...通过这篇文章你学到了: 如何安装VSCode 如何查找、安装插件来开启对Python支持 如何用VSCode更轻松地编写Python程序 如何用VSCode运行、调试Python代码何在VSCode

5.4K41

硬核教程:五步掌握用VSCode进行高效Python开发

在本文中,你将学到如何在VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件让Python开发更便利 编写一个简单Python应用 学习如何在VSCode中运行和调试已有的...工作区设置以json格式保存在项目目录下.vscode文件夹中。 写个Python程序 让我们从一个Python程序开始探索如何在VSCode中进行Python开发。...为了让Python插件发挥作用,我们需要将文件存储为后缀为py文件sieve.py。...VSCode默认用PEP8标准来格式化Python代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到IntelliSense发挥作用,请不要直接复制粘贴这段代码。...通过这篇文章你学到了: 如何安装VSCode 如何查找、安装插件来开启对Python支持 如何用VSCode更轻松地编写Python程序 如何用VSCode运行、调试Python代码何在VSCode

7.7K30

个人笔记-markdown使用入门

引用也可以嵌套,加两个连续大于号,或者三个连续大于号 这是引用内容2 这是引用内容3 这是引用内容4 我是黑体字 我是微软雅黑 我是红色 我是蓝色 我是尺寸...图片title是图片标题,当鼠标移到图片时显示内容。title可加可不加 ? 1.10. 链接 1.10.1....导出为pdf 安装markdown pdf后,在右键菜单中选择markdown pdf: export(pdf), 就能导出为pdf文件。 导出为pdf文件里没有流程图。...语法要点说明 summary:折叠语法展示摘要 details:折叠语法标签 pre:以原有格式显示元素内文字是已经格式化文本。 blockcode:表示程序代码块。 code:指定代码范例。...示例-原有格式显示blockcode 示例-原有格式显示代码概要 示例-原有格式显示blockcode详细内容 文字对齐 如何在markdown中设置文字右对齐,确实找到了右对齐方式: 右对齐

2.7K10

小技巧|给Mac添加右键菜单「使用 VSCode 打开」方法

用 macOS 系统苹果电脑用户都知道,macOS 某些地方确实没 Windows 方便,比如右键菜单,没有复制粘贴之类菜单,刚开始还有点使用不方便,今天我介绍两种方法来实现一个用右键通过 VSCode...1.不借助第三方 APP 实现 我们要实现最终实现效果是在文件/文件夹上右击时,会出现菜单项「用 VSCode 打开」,点击后会启动 Visual Studio Code 打开对应文件/文件夹。...点击 Dock(程序坞) Launchpad(小火箭),打开启动台,找到其他 点击自动操作(小机器人),如图: Command + n 新建文稿,在「选取文稿类型」里选择「快速操作」: 点击选取,在左侧面板选择...Code" "$f" done 以上代码片段大概意思是对于传入一个或多个参数,都使用 Visual Studio Code 这个 APP 打开(将以下步骤配置完成后,可以分别选中一个、多个文件 /...,我菜单效果如下: 新建 TXT、Markdwon 直接显示在主菜单中,新建 Office 文档不太常用就折叠了。

10.7K20

五步掌握用VSCode进行高效Python开发

在本文中,你将学到如何在VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件让Python开发更便利 编写一个简单Python应用 学习如何在VSCode中运行和调试已有的...工作区设置以json格式保存在项目目录下.vscode文件夹中。 写个Python程序 让我们从一个Python程序开始探索如何在VSCode中进行Python开发。...为了让Python插件发挥作用,我们需要将文件存储为后缀为py文件sieve.py。...VSCode默认用PEP8标准来格式化Python代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到IntelliSense发挥作用,请不要直接复制粘贴这段代码。...通过这篇文章你学到了: 如何安装VSCode 如何查找、安装插件来开启对Python支持 如何用VSCode更轻松地编写Python程序 如何用VSCode运行、调试Python代码何在VSCode

6K30

五步掌握用VSCode进行高效Python开发

在本文中,你将学到如何在VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件让Python开发更便利 编写一个简单Python应用 学习如何在VSCode中运行和调试已有的...工作区设置以json格式保存在项目目录下.vscode文件夹中。 写个Python程序 让我们从一个Python程序开始探索如何在VSCode中进行Python开发。...为了让Python插件发挥作用,我们需要将文件存储为后缀为py文件sieve.py。...VSCode默认用PEP8标准来格式化Python代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到IntelliSense发挥作用,请不要直接复制粘贴这段代码。...通过这篇文章你学到了: 如何安装VSCode 如何查找、安装插件来开启对Python支持 如何用VSCode更轻松地编写Python程序 如何用VSCode运行、调试Python代码何在VSCode

5.4K50

VSCode1.59版本发布

今天周男神完课了,分享了他Code 打开VSCode时候发现更新了,先看看更新内容 https://code.visualstudio.com/updates/v1_59 关于更多相关资料,可以看...就是这个设置选项 @tag:notebookLayout ---- 这个设置页面可以 工具栏文本提示 看字,配置复制相对路径路径分隔符 新设置explorer.copyRelativePathSeparator...) 转到父折叠( editor.gotoParentFold) 这个是让导入语句可以自动折叠 该功能适用于 TypeScript、JavaScript、Java、C#、C++ 还有一个字面意思设置...动画设置 单行调试 ---- 支持 Jupyter 笔记本中“按行运行”功能。此功能本质是一种简化调试模式,可让你逐行执行单元代码,而无需任何复杂调试 UI。...---- 你手动开启一下 ---- 我们很高兴地宣布无标题文件自动语言检测初始预览版,它使用机器学习来检测您正在编码语言并自动设置无标题文件语言模式。

1.7K30

硬核教程:五步掌握用VSCode进行高效Python开发

在本文中,你将学到如何在VSCode中进行高效Python开发,其中包括: 安装VSCode 安装插件让Python开发更便利 编写一个简单Python应用 学习如何在VSCode中运行和调试已有的...工作区设置以json格式保存在项目目录下.vscode文件夹中。 写个Python程序 让我们从一个Python程序开始探索如何在VSCode中进行Python开发。...为了让Python插件发挥作用,我们需要将文件存储为后缀为py文件sieve.py。...VSCode默认用PEP8标准来格式化Python代码,但你也可以选用其他标准。 现在让我们完成剩余筛法代码。 为了能观察到IntelliSense发挥作用,请不要直接复制粘贴这段代码。...通过这篇文章你学到了: 如何安装VSCode 如何查找、安装插件来开启对Python支持 如何用VSCode更轻松地编写Python程序 如何用VSCode运行、调试Python代码何在VSCode

5.8K30

VSCode常用快捷键大全|VSCode高级玩家宝典之第一篇

基本记住这些常用快捷键,我们就可以马上提高使用VSCode效率,也会提升我们编写代码速度! 让我们一起成为VSCode高级玩家!...代码折叠「Code Folding」 在开发项目中,很多时候前端代码在单个文件下都会越写越多,当我们想专注看一部分或者寻找某段代码时就颇有困难了。一般这个时候我们都会把一些不重要代码折叠起来。...但是手动用鼠标一个一个点击效率是很低代码折叠快捷键在这种情况就非常实用了。.../linux: Ctrl + Shift + ] 往上/下复制行「Copy Line Up/Down」 在写代码时候,我们经常会编写一些非常相似的代码连续几遍或者是先复制然后稍微更改一下。...,就是快速往下复制当前行代码

1.8K22
领券