VScode中Vue快速生成代码片段
2020-06-03 04:58
447 查看
1.首先我们要找到设置(如下图)用户代码片段
2.然后我们会看到这样一个框,然后搜索html.json(注意是html.json)
3.如果原来在html.json里没设置过就是一些注释掉的东西,你可以把里面的代码全部删除,然年复制下面的代码就可以了!
{
“vue代码”: {
“prefix”: “ve”,
“body”: [
“”,
“”,
“”,
“”,
“\t<meta charset=“UTF-8”>”,
“\t<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>”,
“\t<meta http-equiv=“X-UA-Compatible” content=“ie=edge”>”,
“\tDocument”,
“\t<script src=”./vue.js">",
“”,
“”,
“”,
"\t<div id=“box”> “,
// “\t”,
“\t”,
“”,
“”,
“”
]
}
}
4.然后新建一个html,输入ve 然后tab一下就可以了
相关文章推荐
- VScode用户代码片段——全面快速生成vue片段
- VSCode 快速生成vue代码片段
- VS code 生成vue-cli代码片段
- egg.js目录结构、vscode中快速生成egg代码片段
- 在vscode中快速生成vue代码模板
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- vscode编写代码快速生成html模板
- 使用vscode,根据vue基础模板文件生成代码
- 在vscode中,自定义代码片段,例vue组件的模板
- 【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解
- 使用vscode创建vue代码片段
- [小tips]使用vscode,根据vue模板文件生成代码
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- vscode快速生成html标准代码
- 使用vscode创建vue代码片段
- VSCode 如何操作用户自定义代码片段(快捷键)
- vscode 代码格式化,语法检查插件ESLint+Prettier ,vue格式化
- VS Code .vue文件代码缩进以及格式化代码
- vscode 快速生成html
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题