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

提高生产力的10个必备VS Code技巧和窍门

这使得打字感觉更流畅和精致,同时在浏览代码行并将光标放置在不同位置时,给我们带来更平滑和自然的感觉。 要打开它,请在命令面板中打开设置界面,并搜索“smoot caret”。...是的,我们需要使用 Format Document 命令来自动格式化代码,该命令可以在命令面板中轻松访问。...当你使用手动保存而不是自动保存时,有一个功能您应该启用,以使格式设置变得更加容易: Editor: Format On Save :“保存时格式化文件。...所以,当你在保存文件时,VS Code会自动使用当前默认的格式化程序对你的代码进行格式化,就像你在上面的演示中看到的那样。 当你进行自动保存时,每隔一段时间都要打开命令面板来进行格式化会变得很繁琐。...;自动保存功能让我不得不时不时地进行格式化,而Shift + Alt + F这个组合键用久了也会让人感到痛苦。

34120

分享10个必备的VS Code技巧和窍门,提高你的开发效率

所以在VS Code中的时间轴视图提供了一个自动更新的时间轴,显示与文件相关的重要事件,例如Git提交、文件保存和测试运行。 展开此视图以查看与当前文件相关的事件快照列表。...使用文件 > 自动保存轻松启用此功能。 3. 使用命令面板进行任何操作 除了输入之外,你在VS Code中做的几乎所有操作都是“命令”。...这使得打字感觉更流畅和精致,同时在浏览代码行并将光标放置在不同位置时,给我们带来更平滑和自然的感觉。 要打开它,请在命令面板中打开设置UI并搜索“smoot caret”。...所以,当你在保存文件时,VS Code会自动使用当前默认的格式化程序对你的代码进行格式化,就像你在上面的演示中看到的那样。 当你进行自动保存时,每隔一段时间都要打开命令面板来进行格式化会变得很繁琐。...,个人而言,我不喜欢这个默认的键盘快捷键;自动保存让我不时需要重新格式化,而Shift + Alt + F用久了也变得非常痛苦。

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

    VS Code教程(基础操作)

    命令行,code打开软件 如果VS Code的图标丢失 在Windows 7或8计算机上安装了Visual Studio Code。为什么某些图标没有出现在工作台和编辑器中?...F8跳转到文件中的错误 更改语言模式 键盘快捷键:Ctrl + KM:先摁Ctrl+K然后放开这两个键,摁一下M 选择语言 键盘快捷键:Ctrl + K Ctrl + T 更换编辑器的整体风格 自定义键盘快捷键...键盘快捷键:Ctrl + K Ctrl + S 记住这个地方,我觉得你应该把这个地方的东西实践一遍 调整设置 默认情况下,VS Code显示“设置”编辑器,您可以在搜索栏中找到下面列出的设置,但仍可以...FiraCode是VS Code团队中流行的字体。 自动保存 "files.autoSave": "afterDelay" 您也可以使用文件 > 自动保存从顶级菜单切换自动保存。...保存时格式化 我打死不建议你开这个功能,因为你没有那么多格式化相应文件得插件,所以一个后果就是。

    2.2K50

    Visual Studio 2008 每日提示(二)

    同时在全屏模式下做的定制会在窗口布局切换的时候得以保留,关闭或再次打开IDE也是如此。 评论:这个保存状态的功能还是挺实用的,不必每次全屏的时候要再次调整了。...”对话框中,单击“查找选项”按钮 评论:这个功能可以让你的搜索变的更高效更准确 #014、 文档自动换行 原文地址:http://blogs.msdn.com/saraford/archive/2007...2、在“显示命令包含”的文本框里输入命令,或者从组合列表框中选择命令。...3、在“按快捷键”编辑框中键入快捷键。 4、按“确定”应用设置。 如果预设置的快捷键与当前设置的快捷键冲突,就会显示预设置的快捷键的命令,如果点击“确定”就会覆盖冲突。...如果预设置的快捷键与当前设置的快捷键冲突,就会显示预设置的快捷键的命令,如果点击“确定”就会覆盖冲突。新建的快捷键是默认的全局应用的,你可以选择快捷键的作用域。

    1.4K80

    提高你的编码效率

    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比...对于编辑器来说,要能设置漂亮的界面,能够代码提示和自动补全,能够支持各种语言和代码检查,能够方便快捷的操作。 感觉VScode就是集成了各种编辑器的优点。...Markdown All In One Markdown 格式化 TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成的业务。...在右侧底部边栏选 select language mode中选html 然后在文本中编辑,敲一个!, 然后敲tab键。代码就自动给生成了。 ? 如果你敲一个tag,它自动跟你补全tag....然后按一个快捷键,alt+B 自动跟你在浏览器中显示出来了。 自己基本没做什么操作。 前提是你得装几个插件。

    1.7K10

    如何优雅地使用Sublime Text3

    Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,用她来写代码,绝对是一种享受。.../*:回车创建一个代码块注释 /**:回车在自动查找函数中的形参等等。 它会生成 JSDoc 格式的注释。如果你从没有使用过类似的工具,DocBlockr 会让你觉得以前没有它是如何写代码的。...", "$file"], "selector": "source.js"} 附加说明 在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict...是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename ....+ b , 将得到以下执行结果: i: 0i: 1i: 2[Finished in 0.1s] 温馨注解: (1)文件必须是存在于磁盘中的, 而不是untitled的, 否则sublime无法找到相应的文件

    6.7K60

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

    + P」,弹出命令面板,在命令面板中输入“快捷键”,可以进入快捷键的设置.或者你也可以选择菜单栏「偏好设置 --> 键盘快捷方式」进入快捷键的设置。...自动保存 方式1.在改完代码后,默认不会自动保存,此时你可以在设置项里搜索 files.autoSave , 将配置项修改为 onFocusChange 之后,那么当光标离开该文件后,这个文件就会自动保存了非常方便...方式2.当然你也可以直接在菜单栏选择「文件-自动保存」, 勾选后当你写完代码后,文件会立即实时保存。...自动格式化 保存代码后,默认不会立即进行代码的格式化,你可以在设置项里搜索 editor.formatOnSave查看该配置项, 但是此处作者建议保持默认就好。...3.如果我们想使用别人的配置,首先需要对方提供给你 gist:使用快捷键「Command + Shift + P」,在弹出的命令框中输入 sync,并选择「下载配置」,在弹出的界面中,选择「Download

    88011

    提高使用 Visual Studio 开发效率的键盘快捷键

    它的功能是“快速操作和重构”。你几乎可以在任何代码上使用这个快捷键来快速修改你的代码。 比如修改命名空间: 图片 比如提取常量或变量: 比如添加参数判空代码: 还有更多功能都可以使用此快捷键。...,看下图: 图片 修改方法可以参见:如何快速自定义 Visual Studio 中部分功能的快捷键,下图是此功能的命令名称 编辑.转到所有(Edit.GoToAll): 图片 有一些小技巧: 你可以无需拼写完整个单词就找到你想要的符号...Ctrl + O 查找当前文件中的所有成员(只搜一个文件,这可以大大提高命中率) Ctrl + T 转到符号(只搜类型名称、成员名称) Ctrl + G 查找当前文件的行号(比如你在代码审查中看到一行有问题的代码...智能感知 IntelliSense 以前有个漂亮的中文名字,叫做“智能感知”,不过现在大多数的翻译已经与以前的另一个平淡无奇的功能结合到了一起,叫做“自动完成列表”。...编写 代码格式化 Ctrl + K, Ctrl + E 全文代码清理(包含全文代码格式化以及其他功能) Shift + Alt + F 全文代码格式化 Ctrl + K, Ctrl + F 格式化选定的代码

    43620

    【第 6 期】你能做到双手不离键盘吗?

    “太慢了”,小D感叹道,“我编码的速度太慢了,以至于总是落后于他人,是时候要做点什么了。” 回到座位上,小D习惯性的打开了 google,在搜索框输入了:“VS Code 的常用的快捷键有哪些?”...从此,小D仿佛走近了新世纪的大门。 好了,今天要说的想必大家都知道了,就是 VS Code 的常用快捷键,有了它你可以大幅度提高编码效率,让你双手离不开键盘,做一名编程界的键盘侠。...8、代码格式化 快捷键:alt + shift + f,这个代码格式化很好,但是不常用,我一般在设置里面直接设置“Format On Save”,这样就不需要每次使用快捷方式格式化了。...(但是需要注意的是,合并行和代码格式化可能是相互冲突的。...因为系统的代码格式化是按照这个语言的特点自动进行的,而代码合并行则是自己主观的意图,可能会冲突) 10、代码大小写转换 有些时候我们需要将一个或多个大小写字母全部转换成大写字母或者小写字母。

    59810

    VSCode前端必备插件,有可能你装了却不知道如何使用?

    ,IE)中打开命令面板选项。...你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。 ? ? 6.Prettier Prettier 是目前 Web 开发中最受欢迎的代码格式化程序。...安装了这个插件,它就能够自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。...11.Minify 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。...31.fileheader   顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间,快捷键ctrl+alt+i在文件开头自动输入作者信息和修改信息等内容 ?

    4K41

    「解放双手」老舅教你VS Code Disco

    也许你收藏了千篇万篇VS Code快捷键,很可惜却没能记住他们,是因为你没有实际操作过,英文不好没关系,你真正需要的是让你双手指尖的肌肉增加一些记忆。...+ Tab同时按下,先松开Tab,在列表中通过Tab切换选择你需要打开的文件,选中即松开Ctrl实现跳转。...右手鼠标操作 虽然说快捷键是解放鼠标,但是VS Code对鼠标的支持也整挺好的。...在命令面板输入“打开键盘快捷方式(Open Keyboard Shortcuts)”并执行。 搜索框里输入对应字符“cmd+c”或者点击右侧小键盘图标,进行录制按键。...VS Code配置 Settings Sync 代码格式化的神器 保证更容易写出风格一致的代码 Prettier icons图标 vscode-icons-mac 更多插件请自行探索 选择适合自己项目需求的插件安装下载

    1.2K30

    使用ESLint & Prettier美化Vue代码

    Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。...初始化 Vue 项目推介 在格式化代码方面, Prettier 确实和 ESLint 有重叠,但两者侧重点不同:ESLint 主要工作就是检查代码质量并给出提示,它所能提供的格式化功能很有限;而 Prettier...(Packages → Prettier → Toggle Format on Save) 使用键盘快捷方式手动调用(如果没有选择,整个文件被格式化):CTRL + ALT + F VS Code...编辑器 安装插件:ESlint,Prettier,VS Code 插件配置统一在 preference → setting → user setting 设置 (快捷键: Command + ,)...→ Setting” 中添加如下设置,即可实现保存时自动格式化; { "auto_format_on_save": true } 当然您也可以自定义快捷键,以按需格式化代码;在 “Preferences

    3.5K71

    《Python for Excel》读书笔记连载4:Python开发环境之Jupyter笔记本

    另一个优点是Jupyter笔记本不会混合数据和业务逻辑:Jupyter笔记本保存你的代码和图表,而通常使用外部CSV文件或数据库中的数据。...与Excel相比,在笔记本中显示Python代码可以更容易地查看正在发生的事情,而Excel公式隐藏在单元格值后面。Jupyter笔记本也很容易在本地和远程服务器上运行。...notebook 这将自动打开浏览器并显示Jupyter仪表板,其中包含运行命令所在目录中的文件。...Markdown Markdown是一种使用标准文本字符进行格式化的语法,可用于在笔记本中包含格式良好的解释和说明。...在命令模式下可以使用的最重要的键盘快捷键如下表所示。 表:键盘快捷键(命令模式) 了解这些键盘快捷键将使你能够高效地使用笔记本,而无需一直在键盘和鼠标之间切换。

    2.7K30

    使用 Visual Studio Code 开发 LINUX 上 C++ 应用

    选择已经配置好的服务器右边的“打开”按钮,会连接到远程服务器上,并且自动在LINUX服务器上安装一些 VS CODE 所需要的软件,这需要你的远程服务器可以连接到公网上 ?...在 vscode 中配置或添加头文件路径 在vscode中按Ctrl+Shift+P 输入configuration 在c_cpp_properties.json中includePath字段中添加待添加的...安装代码自动格式化器 clang-format。...在 VS Code 上安装插件:Clang-Format 在打开的代码页面,按鼠标右键,选择“文档格式化设置方式”,然后选择 CLang-Format ?...:默认的 Ctrl+tab 是切换内部编辑器窗口,安装了这个插件后可以修改默认快捷键,让 Ctrl+Tab 和这个插件的快捷键 Alt+o 互换 如果希望使用漂亮的 JetBrains 字体,记得要设置一下

    3.9K31

    ReactNative开发工具有这一篇足矣

    1.下载地址:http://www.sublimetext.com/3 2.安装Package Control Win系统可以使用“Ctrl+`”快捷键或者通过View->Show Console菜单打开命令行... Terminal:在sublime中打开终端并定位到当前目录  react-native-snippets:react native 的代码片段  JsFormat:格式化js代码 其中要单独设置的是...JsFormat可以设置为保存时自动格式化,设置如下:打开preferences -> Package Settings -> JsFormat -> Setting - Users,输入以下代码: {...Rename Tag:自动重命名标签,配合上面的插件使用,基本上能赶上IntelliJ IDEA系的功能了  Path Intellisense:文件路径提示补全 3.常用快捷键&设置 Shift +...Alt + F:格式化代码 Ctrl + Space:代码提示,与输入快捷键冲突所有使用不了,可根据自己喜爱自行设置,设置:文件 => 首选项 => 键盘快捷方式 => 搜索“space”=>修改为自己的快捷键

    2K130

    vscode 前端最佳插件配置

    任何 wxss 后缀的文件被认为是 css 文件 ,然后 vscode 会用 css 规则匹配 wxss 文件,对 css 的属性排序,rem 自动转换,格式化等 "files.associations...": false, // 格式化快捷键: shirt + alt + F // 自动删除代码中无用的 import 引用,并排序: shift + alt + o // 使用 shirt...true, // 对所有文件,保存时自动格式化 // "source.fixAll.eslint": false, // 更细...."editor.selectionHighlight": false, // 默认情况下,当处于“代码片段模式”(在插入的代码中编辑占位符)时,VS会防止snippets弹出打开。..."editor.tabCompletion": "onlySnippets", // 默认情况下,当前的语言没有代码片段提示时,VS Code将使用当前文件中的你自己写过的单词来显示代码片段提示

    5.6K20

    Atom的一些操作

    Emmet  能够基于Emmet语法产生HTML,做过前段开发的不会不知道这个插件吧。好用到哭。 Atom Beautify    代码格式化工具,可以设置在保存时自动格式化,别提有多方便了。...当你第一次看到它时, 还以为在用Sublime呢  命令面板是Atom中最常用的功能之一, 当你在编辑器中使用快捷键Ctrl+Shift+P时, 就会看到它  在控制面板中可以输入Atom中和插件中定义的所有命令..., 并且支持模糊搜索  比如说当你输入cboo时, 所有包含有这4个字符的命令就都列出来了  在列出的命令后还显示了此命令对应的快捷键(如果有的话) 设置窗口 自带可视化的设置界面是Atom使用很方便的原因之一...使用快捷键Ctrl+, 在设置窗口中可以设置和管理各种编辑器行为, 键盘快捷键, 插件, 主题等内容 设置窗口界面主题和代码高亮 Atom自带了4种窗口主题和8种代码高亮方式  可以通过设置窗口中的Themes...保存文件 主菜单 File->Save  快捷键 Ctrl+S  另存为: Ctrl+Shift+S  保存所有文件: File->Save All 打开文件夹 打开文件夹是一个很实用的功能, 可以像

    74330

    vi还是vim,教你快速上手linux下的文本编辑器

    它拥有比vi更多的功能和命令,如:语法高亮显示、代码补全、多级撤销、分屏编辑等,并且支持丰富的插件扩展。为什么倾向于使用vim?...vim具有以下重要且无法替代的功能:快速导航和定位:vim提供了强大的命令行和键盘快捷键,可快速在文本中导航和定位到指定位置,无需使用鼠标。...:s/foo/bar/g:将当前行中的所有foo替换为bar。:%s/foo/bar/g:将整个文档中的所有foo替换为bar。文件操作::e 文件路径>:打开指定的文件。:w:保存当前文件。...:vsp 文件路径>:在新的垂直分割窗口中打开指定文件。以上只是一些常用的vim快捷键示例,使用这些快捷键可以在编辑过程中快速导航、编辑文本和执行文件操作,提高工作效率。...语法高亮、代码自动完成以及格式化的插件语法高亮:Vim本身已经内置了对多种编程语言的语法高亮支持。可以通过在.vimrc文件中设置syntax on来启用语法高亮功能。

    70792

    VS Code推荐插件合集

    VS Code推荐插件 Beautify 语法高亮,代码格式化 ctrl+shift+p输入beautify就有提示 Language pack extension for Chinese (Simplified...) 中文汉化 Code Spell Checker 代码拼写检查 vscode-icons 各种漂亮图标 One Dark Pro 暗色主题 Codelf 变量命名神器 compareit 文件对比 Document...vscode中自动格式化stylus Manta's Stylus Supremacy 格式化stylus的插件 Settings Sync 同步 VS Code设置到 GitHub 博主的GitHub...语法突出显示和代码完成 vue Vue支持 vue-beautify Vue代码格式化 YAML YAML语言支持 Debugger for Chrome 映射VSCode上的断点到Chrome上,方便调试...minify 压缩合并JavaScript和CSS文件 打开需要压缩的文件,按住快捷键ctrl+shift+p,输入minify,自动生成.min文件 IntelliSense for CSS class

    1.1K30
    领券