送给vscode使用者的福利,特别是初学者。

一、存在的问题解析:

1、很多vscode初学者,在编写html、Python等程序代码时,很多的代码需要手动编写。其中在涉及到一些常用的代码或者固定方式的代码;很多的代码编写时,需要大量的、重复的使用,虽然vscode有代码提示功能或者一些插件。但用起来还是感觉不是不方便,不顺手。

如前端Html的代码document.querySelector('.sel-btn').addEventListener('click', () => {})  类名不同,格式相同,在编写Js时会很常用。

如后端服务器异步通信axios({url:'',method:'put',data:{}}).then(re=>{}).catch(err =>{})

2、或者编程其他程序时,会用到的很多重复代码,如果都是手写,效率很低,也很累;最大的蛮烦还是很多时侯,拼写错误。导致程序出错,给调试带来各种不必要的麻烦。

二、推荐解决办法。

1、vscode自带的用户代码片段功能,非常实用。比插件更实用。而且设置十分简单,既方便又好用。

2、设置好后,编程时需要重输入的代码,大量固定格式的代码,只要在用户代码片段中设置好,vscode中编程时,输入代码开头,就会提示。甚是方便快捷。

3、操作方法如下。

(1)、打开vscode,左下角小齿轮,设置,用户代码片段

(2)、选择新建全局代码片段。出现的对话框,输入一个名字,回车确定。名字自己随便取。

(3)、在文件里编辑自己的代码。官方也给了代码示例

(4)、最关键的部分。

实际上只需要三部,如下图。

a、修改官方代码中的print to console,先改个自己代码的名字。名字随便起。我的axios get。

b、最关键的部分修改perfix后的log,vscode中编程时代码提示的快捷键 ,自己定义一个方便的,输入代码时容易记住的。我的是axg。

c、也是最关键的部分修改body大括号中的代码,就是编程时输入快捷键,vscode就会提示我们要书写的代码主体,最关键的是 代码的两端一定要用双引号包裹。多行的换行的代码也是。

d、下图是我的设置。

(5)、测试是否成功。在自己的文件里测试,如index.js或者html里测试,只需要输入设置的快捷键,如我的axg,就能将axios 完整的get代码输出。

(6)、可以设置多个代码断,真的很大程度上提高代码编程效率。记得两个代码段之间用逗号间隔。

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值