广告
返回顶部
首页 > 资讯 > 精选 >VSCode中怎么高效写代码
  • 675
分享到

VSCode中怎么高效写代码

2023-06-21 20:06:49 675人浏览 独家记忆
摘要

这篇文章给大家介绍vscode中怎么高效写代码,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。演示下高效写代码有些代码是重复写过的,还需要继续重复写吗? 答案是 不,因为只要 cv 就行了,那有什么方法比 cv 更优雅、

这篇文章给大家介绍vscode中怎么高效写代码,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

演示下高效写代码

有些代码是重复写过的,还需要继续重复写吗?
答案是 ,因为只要 cv 就行了,那有什么方法比 cv 更优雅、更高效、更快(mō)捷(yú)的技巧吗?
答案是是有的,那就是本人自创的快捷十三鞭
下面演示我搞架构之前是怎么写 高(mō)频(yú) 业务代码的 :

  • 我要触发点击事件,创建个提交的函数,而在业务中,这个提交的函数是很 高频 出现的

  • 在这个函数中实用一些通用的函数库,再回到头部写上头文件(导入函数的包),然后再回来这个函数中继续编写未完成的逻辑

第一鞭:掌握快捷键自定义

第一鞭尤其重要,因为他是整个快捷键的最基础的知识,是最重要的 轴心骨,如果看一遍不懂,那就再看一遍
掌握快捷键自定义,它能够丰富你的操作习惯,避免 快捷键冲突保持各个快捷的操作习惯
因为visual studio code的快捷键是快速 可移植 的,你不用换电脑、换系统后担心一次又一次设置了设置快捷键

打开快捷面板

cmd+k cmd+s 可以快速打开快捷面板

或者呼出控制面板(ctrl+shift+p)输入键盘 | keyboard找到

认识默认键盘快捷键(JSON)

为什么要知道默认的键盘快捷键?
因为好用你知道未修改前的键盘映射、键盘默认的快捷键是什么

它长这个样子,是一个JSON文件

打开快捷键的keybindings.json文件


按照动图打开存储用户快捷方式json文件 keybindings.json,只要修改过快捷键就会有以下的格式

{  "key": "cmd+k cmd+s",  "command": "workbench.action.openGlobalKeybindings"   "when": "editorHasCompletionItemProvider && textInputFocus && !editorReadonly"}

这个文件是用户自定义的JSON文件,是映射格式

  • key 快捷键

  • command vscode的快捷键命令

  • when 命令生效的条件

keybindings.json文件 是一个json文件,你修改过的快捷键就在这里存储起来了,换机的时候,你可以把这个文件的内容复制另一台机上去,就可以很nice~~
毕竟笔者就是这么干的

自定义快捷键

只需要快捷键的命令command默认快捷键 再或者直接输入该 快捷键中文的模糊词 就可以可以查询快捷键的映射和修改该快捷键
文章用到的快捷键方式,作者都会提供如下格式的代码片段,方便去查询

{  "key": "cmd+k cmd+a",  "command": "workbench.action.openDefaulTKEybindingsFile"}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qo5Z56PF-1621655509407)(https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a7b054961f614a63aee6f7dda082ec05~tplv-k3u1fbpfcp-watermark.image)]

第二鞭:定位篇

定位是快速写代码的核心操作,因为这个是日常编码高频率操作,高达90%以上,必须全部掌握下来,很实用 。
定位设计到代码块的精准定位,定位到类的定义、定位到应用、实现、快速查看、上一次之前的历史修改、设置某处的标签,然后快速找(vim直呼内行)到等等。

定位行

{ "key": "ctrl+g",               "command": "workbench.action.GotoLine" },

场景示例:在浏览器找到你的文件在100行报错,找到原因后,定位在100行去修改代码

关于VSCode中怎么高效写代码就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

--结束END--

本文标题: VSCode中怎么高效写代码

本文链接: https://www.lsjlt.com/news/300358.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • VSCode中怎么高效写代码
    这篇文章给大家介绍VSCode中怎么高效写代码,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。演示下高效写代码有些代码是重复写过的,还需要继续重复写吗? 答案是 不,因为只要 cv 就行了,那有什么方法比 cv 更优雅、...
    99+
    2023-06-21
  • 怎么编写高效的TS代码
    这篇文章主要介绍“怎么编写高效的TS代码”,在日常操作中,相信很多人在怎么编写高效的TS代码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么编写高效的TS代码”的疑惑有所帮...
    99+
    2022-10-19
  • VScode 中 Python 代码不高亮显示怎么办?
    最近在用 VScode 写代码的时候,发现 Python 代码不高亮显示: 这样用起来体验感不好,网上查询资料,可能存在的原因为: 安装Python扩展: 确保你已经安装了VS Code的Pytho...
    99+
    2023-10-23
    VScode 高亮 代码 Python Pylance 原力计划
  • 如何高效编写网页代码
    这篇文章主要介绍了如何高效编写网页代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。本文从三个方面着手,一个是企业网站的建设(教育政府类也归纳到企业站点里),二是小型门户站点...
    99+
    2023-06-08
  • java特效网页代码怎么写
    Java特效网页代码的编写需要以下步骤:1.了解Java的基本语法和语言特性。2.选择一个合适的Java IDE(集成开发环境),例...
    99+
    2023-05-30
    java特效 java
  • vscode怎么设置代码提示
    在vscode中设置代码提示的方法:1.打开vscode软件;2.左下角点击“设置”按钮;3.进入“setting”选项;4.搜索“prevent”;5.勾选选项;具体步骤如下:首先,打开vscode软件,进入vscode操作界面;进入vs...
    99+
    2022-10-03
  • 编写高效且优雅的 Python 代码(
    貌似只能创建一个专栏,所以这篇文章只好放到“JavaScript从前端到全终端”里了 原文链接:Effective Python Python 作为一门入门极易并容易上瘾的语音,相信已经成为了很多人 “写着玩” 的标配脚本语言。但很多...
    99+
    2023-01-31
    高效 优雅 代码
  • 怎么用VSCode调试React Vue代码
    这篇文章主要介绍了怎么用VSCode调试React Vue代码的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么用VSCode调试React Vue代码文章都会有所收获,下面我们一起来看看吧...
    99+
    2023-07-02
  • VSCode怎么调试PhpStudy里的代码
    本篇内容主要讲解“VSCode怎么调试PhpStudy里的代码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“VSCode怎么调试PhpStudy里的代码”吧!配置 PhpStudy我使用的是WN...
    99+
    2023-07-05
  • ASP API教程:如何编写高效代码?
    ASP API是一种广泛应用于Web开发的技术,它可以帮助我们快速开发高效的Web应用程序。但是,在使用ASP API时,我们经常会遇到一些性能问题,这些问题会影响我们的应用程序的速度和响应时间。那么,如何编写高效的ASP API代码呢?...
    99+
    2023-11-06
    api 教程 学习笔记
  • 如何在 Unix 上编写高效的代码?
    Unix 是一种常用的操作系统,被广泛用于服务器和大型计算机中。在 Unix 上编写高效的代码是每个程序员必备的技能之一。本文将介绍如何在 Unix 上编写高效的代码,并提供一些示例代码来帮助读者更好地理解。 一、使用合适的编程语言 选择合...
    99+
    2023-08-26
    unix ide 索引
  • CSS代码高效编写规范有哪些
    这篇文章将为大家详细讲解有关CSS代码高效编写规范有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。一些高效的CSS代码编写规范CSS学起来并不难,但在大...
    99+
    2022-10-19
  • vscode写vue没有高亮语法怎么办
    本教程操作环境:windows7系统、vue3&&Visual Studio Code 1.74.0版,DELL G3电脑。vscode设置vue语法高亮显示一、在编辑器中安装Vetur插件1.1 、打开vs code编辑器...
    99+
    2023-05-14
    Vue VSCode
  • VSCode中书写Vue无代码提示该如何解决
    今天在配置VSC简便插件及实用技巧后书写Vue代码时,发现代码无提示,经过几轮查询资料后发现了问题所在,现给出解决措施。 第一步:我下载了  Vetur  和&n...
    99+
    2022-12-23
    vscode中编写vue没有提示 vscode vue代码提示 vscode的vue文件没有自动提示
  • 怎么编写高性能的JavaScript代码
    这篇文章主要介绍“怎么编写高性能的JavaScript代码”,在日常操作中,相信很多人在怎么编写高性能的JavaScript代码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2022-10-19
  • 怎么写Java让代码性能更高
    这篇文章主要介绍“怎么写Java让代码性能更高”,在日常操作中,相信很多人在怎么写Java让代码性能更高问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么写Java让代码性能更高”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-16
  • 高效编写Java代码的建议分别是什么
    这期内容当中小编将会给大家带来有关高效编写Java代码的建议分别是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。类名首字母应该大写。字段、方法以及对象(句柄)的首字母应小写。对于所有标识符,其中包含的...
    99+
    2023-06-17
  • html居中代码怎么写
    HTML居中是网页设计中经常使用的一种布局方式,实现方法也比较简单。本文将详细介绍几种实现HTML居中的方法和对应的代码实现。一、水平居中1.用text-align属性实现水平居中在父元素中设置text-align属性为center,可以实...
    99+
    2023-05-14
  • vscode怎么对typescript代码进行调试
    本篇内容主要讲解“vscode怎么对typescript代码进行调试”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vscode怎么对typescript代码进行调试”吧!在 VS Code 中,...
    99+
    2023-07-05
  • 高效编写CSS代码的建议有哪些
    这篇文章将为大家详细讲解有关高效编写CSS代码的建议有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1. 基本原则  1.1 把CSS放在HTML页面头...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作