Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

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上留言(评论),谢谢

About

vscode菜单插件,用于快速生成使用(ts)typescript编写的vue组件,vuex模块等。

Topics

Resources

License

Packages

No packages published
You can’t perform that action at this time.