美文网首页
wepy中自定义wepy文件模板

wepy中自定义wepy文件模板

作者: Nisus_Liu | 来源:发表于2019-05-28 19:33 被阅读0次

    File and code Template 中新增模板

    命名wpy

    image.png

    将下面的代码复制到右侧的脚本区域

    ##<!--
    ##  ${type}
    ##  ${className}
    ##-->
    ## class name
    ##缺省使用文件名, 但文件名不符合规范类名时, 需要手动指定
    #if (${className} == '')
      #set($cName=${NAME})
    #else
      #set($cName=${className})
    #end
    ##类型: app, page, component
    ##支持首字母简写
    #if (${type} == 'app' || ${type} == 'a')
      #set($wtype="app")
    #elseif(${type} == 'component' || ${type} == 'c')
      #set($wtype="component")
    #else
      #set($wtype="page")
    #end
    <!-- ${wtype}: ${NAME}, created at ${DATE} ${TIME}, by Nisus-Liu -->
    <style>
      /*css*/
    </style>
      
    <template>
      <view>
        
      </view>
    </template>
      
    <script>
      import wepy from 'wepy'
      
      export default class ${cName} extends wepy.${wtype} {
        config = {}
        components = {
          
        }
        props = {
          
        }
        
        data = {
          
        }
        
        methods = {
          
        }
        
        events = {
          
        }
        
        onLoad(options) {
          
        }
      }
    </script>
    

    效果

    Alt+Insert或右键, 新建文件, 选择 wpy.

    image.png

    选择文件类别


    image.png

    相关文章

      网友评论

          本文标题:wepy中自定义wepy文件模板

          本文链接:https://www.haomeiwen.com/subject/ghjjtctx.html