New Vue File
在 VS Code 中快速创建 vue 组件。
Install
- VS Code 中搜索插件
newVueComponent
- 插件市场 查看
Use
在资源管理器中右键目录，选择 创建 Vue 组件 ，输入组件名称，即可快速创建 Vue 组件
Settings
| key |
type |
values |
description |
| newVueComponent.vue3 |
boolean |
true/false |
是否使用 Vue3 版本 |
| newVueComponent.ts |
boolean |
true/false |
是否使用 typescript |
| newVueComponent.scriptSeparate |
boolean |
true/false |
script 文件是否单独分离 |
| newVueComponent.scrpitSetup |
boolean |
true/false |
是否使用 script setup 模式(vue3=false 时无效) |
| newVueComponent.style |
string |
css/scss/less/stylus |
选择 css 预处理语言 |
| newVueComponent.styleSeparate |
boolean |
true/false |
style 文件是否单独分离 |
| newVueComponent.styleScoped |
boolean |
true/false |
style 样式是否组件隔离 |
| newVueComponent.folder |
boolean |
true/false |
是否创建同名目录 |
Default Setting
{
"newVueComponent.vue3": true,
"newVueComponent.ts": false,
"newVueComponent.scriptSeparate": false,
"newVueComponent.scrpitSetup": false,
"newVueComponent.style": "css",
"newVueComponent.styleSeparate": false,
"newVueComponent.styleScoped": true,
"newVueComponent.folder": true
}
| |
