weex学习笔记<三> : 安装weex的编辑工具---subline Text3

weex文件的后缀名是.we,如果使用Xcode编辑weex,没有格式也没有高亮和提示,我们需要使用一个编辑工具来快速的编写weex的代码.我们可以用subline Text 来打开和编辑,但是我们先需要做下配置,让其支持.we文件.

• 安装subline Text3

  首先下载subline Text3,可以直接去官网下载,我用的是破解版.请自行搜索安装.

• 添加高亮脚本,导航栏里选择Tools->Developer->New Syntax

  
  
  

  Paste_Image.png

• 把下面代码粘贴进去,并覆盖原有的

    %YAML 1.2
---
# http://www.sublimetext.com/docs/3/syntax.html
name: we Component
file_extensions:
  - we
scope: text.html.we
contexts:
  main:
    - include: we-interpolations
    - match: '(<)([a-zA-Z0-9:-]++)(?=[^>]*>)'
      captures:
        1: punctuation.definition.tag.begin.html
        2: entity.name.tag.html
      push:
        - meta_scope: meta.tag.any.html
        - match: (>)(<)(/)(\2)(>)
          captures:
            1: punctuation.definition.tag.end.html
            2: punctuation.definition.tag.begin.html meta.scope.between-tag-pair.html
            3: punctuation.definition.tag.begin.html
            4: entity.name.tag.html
            5: punctuation.definition.tag.end.html
          pop: true
        - include: tag-stuff
    - match: (<\?)(xml)
      captures:
        1: punctuation.definition.tag.html
        2: entity.name.tag.xml.html
      push:
        - meta_scope: meta.tag.preprocessor.xml.html
        - match: (\?>)
          captures:
            1: punctuation.definition.tag.html
            2: entity.name.tag.xml.html
          pop: true
        - include: tag-generic-attribute
        - include: string-double-quoted
        - include: string-single-quoted
    - match: syntax---->最下面有个we Component
 
   
 
    
 
     
 
       
     
 
    
 
    

      Paste_Image.png 
    
 
   
  
  
然后就大功告成,测试一下效果:
 新建一个文件,后缀名为.we,用subline 打开,粘贴以下代码
 
  
 
    
    
  
 
 
如果颜色是五颜六色的那么基本就成功了.如下图所示:
 
 
 
  
 
   
 
     
   
 
  
 
  

    Paste_Image.png