vue-typescript-file 说明

详细功能介绍

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

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

预览

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

基本功能

1.添加vue typescript组件 2.添加vuex module子模块（请手动添加stroe目录，并在以下创建index.ts文件和modules目录） 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>"
    ]