Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>vue typescript filesNew to Visual Studio Code? Get it now.
vue typescript files

vue typescript files

ftrybe

|
2,075 installs
| (1) | Free
更方便的创建vue typescript组件,只需要右击文件夹,减少snippets的使用
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vue-typescript-file 说明

详细功能介绍

较为详细的功能介绍和动图演示,请点击csdn

使用vuex子模块创建按钮时,请先安装vuex-module-decorators库。 npm install vuex-module-decorators

预览

image

右击文件夹添加组件(right-click folder)

基本功能

1.添加vue typescript组件
2.添加vuex module子模块(请手动添加stroe目录,并在以下创建index.ts文件和modules目录) 3.添加指令文件 3.添加空的class文件
4.添加空的enum文件
5.添加空的interface文件
6.添加全局的组件声明文件
7.snippets

snippets说明

v-init    在空的vue文件中生成vue typescript模版
v-[lifecycle] vue生命周期方法代码提示
vx-init   生成vuex index文件模版  
vx-module 生成vuex 子模块模版  

创建组件命令行参数说明

添加组件创建参数

-c 不使用设置文件中设置的前后缀
-p|-prefix [prefix] 给组件类名添加前缀
-s|-suffix [suffix] 给组件类名添加后缀

使用带有参数的选项时,将不使用全局前后缀设置。
如:
使用 -p 命令,将保留全局设置的suffix属性,若不想使用全局suffix设置请继续使用不带有参数的-s命令

配置说明

需要添加全局组件前后缀请选择

文件 => 首选项 => 设置 => 扩展 => vue-typescript-files

添加组件自定义标签模板,请在settings.json编辑类似如下代码,需要制表符\t\n请直接插入

"vue-typescript-files.component.templates": [
        "<v-ons-page>",
        "\t<test>",
        "\t</test>",
        "</v-ons-page>"
    ]

有任何不足或需求请在github/csdn上留言(评论),谢谢

Thanks you all for your support!

Additional Support

  • JetBrains - Thanks a lot for supporting springdoc-openapi project.

JenBrains logo

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft