0


【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)

一、只要输入两个【!!】就可以出来想要的代码片断。

比如:你看我,输入了两个感叹号,按下回车就出现如下代码:

1、文件--首选项--用户片断

2、选择【新建全局代码片段文件】

3、输入文件名:html-js-vue-demo(这里随便输入,只要不重复就行),按【回车键】

4、出现如下图所示

5、把所有的内容删除,再把以下代码整个复制文件中(CV大法,你懂得!)

划重点1:代码中有双引号,一定要用"代替就行了。

划重点2:重点是prefix的设置,就是快捷输入命令,我设置了两个感 叹号作为快捷命令。

  1. {
  2. "html-js-vue-demo": {
  3. "scope": "html",
  4. "prefix":"!!",
  5. "body": [
  6. "<!DOCTYPE html>",
  7. "<html lang=\"en\">",
  8. "",
  9. "<head>",
  10. "<meta charset=\"UTF-8\">",
  11. "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
  12. "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
  13. "<title>demo</title>",
  14. "</head>",
  15. "<script type=\"text/javascript\" src=\"vue.js\"></script>",
  16. "<body>",
  17. "<div id=\"box\">",
  18. "</div>",
  19. "</body>",
  20. "<script type=\"text/javascript\">",
  21. "var box = new Vue({",
  22. "el: \"#box\",",
  23. "data: {",
  24. "",
  25. "}",
  26. "})",
  27. "</script>",
  28. "",
  29. "</html>",
  30. ],
  31. "description": "html and vue model"
  32. }
  33. }

6、完成后,点保存,关闭就行了。

6、试一试吧,爽不爽

如果出现没有格式,按一下【alt】+【shift】+F,就会自动格式化了。

vue代码:

  1. {
  2. "vue-demo": {
  3. "scope": "js",
  4. "prefix":"vue-script",
  5. "body": [
  6. "<script type=\"text/javascript\" src=\"vue.js\"></script>",
  7. ],
  8. "description": "html and vue model"
  9. }
  10. }

本文转载自: https://blog.csdn.net/dxnn520/article/details/123057337
版权归原作者 敦厚的曹操 所有, 如有侵权,请联系我们删除。

“【VsCode】如何使用VsCode中的代码片段快速输入常用代码(太实用了,有图,有示例)”的评论:

还没有评论