vscode创建vue页面快捷键
时间: 2023-09-17 09:14:16 浏览: 111
1. 打开VS Code
2. 创建一个新的.vue文件
3. 在文件中输入以下代码:
<template>
<div>
<h1>Hello World!</h1>
</div>
</template>
<script>
export default {
name: "HelloWorld"
};
</script>
4. 保存文件
5. 使用以下快捷键生成页面:
- 在文件中右键单击,选择"Vue 2/3 Component"或"Vue 2/3 Single File Component",然后输入文件名,VS Code会自动生成Vue页面代码。
- 使用快捷键Ctrl+Shift+P,输入"Vue 2/3 Component"或"Vue 2/3 Single File Component",然后输入文件名,VS Code会自动生成Vue页面代码。
注意:需要安装Vue.js插件。
阅读全文