vscode代码片段生成

在刚学习vue的时候,有些代码片段是经常写的,在vscode中写一个代码片段可以帮助快速生成。

生成步骤:

VSCode中的代码片段有固定的格式,所以我们一般会借助于一个在线工具来完成。
具体的步骤如下:
第一步,复制自己需要生成代码片段的代码;
第二步,vscode代码片段在线生成工具在该网站中生成代码片段;
第三步,在VSCode中配置代码片段;

在vscode中配置的步骤:

文件->首选项->配置用户代码片段->html.json->将复制的代码片段粘贴进去然后保存即可

vscode代码片段生成_第1张图片vscode代码片段生成_第2张图片

此处附上刚学习vue需要使用的代码片段

{

	"create vue app": {
		"prefix": "vueapp",
		"body": [
		  "DOCTYPE html>",
		  "",
		  "",
		  "<head>",
		  "    ",
		  "    ",
		  "    ",
		  "    <title>Documenttitle>",
		  "    
                    
                    

你可能感兴趣的:(【前端学习笔记】,vscode,vue.js,javascript)