一、存在的问题解析:
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)、可以设置多个代码断,真的很大程度上提高代码编程效率。记得两个代码段之间用逗号间隔。