IDE的选择和配置

ide的选择

ide这方面我还是比较推荐Sublime Text按需求下载(失效后自行搜索)
激活步骤
以上都是在Mac开发环境下的配置,Windows的就不贴了

SublimeText语法高亮

  1. 首先下载—>配置文件 密码: d8k8
  2. 导航栏里选择Tools->Developer->New Syntax
  3. 打开下载的文件,复制到New Syntax新创建的文件当中,然后保存(保存的名字为Plain we.sublime-syntax)
  4. 打开.we文件,这时候应该就有语法高亮了

idea或者WebStrom

下面是激活码

8NGRYV8NBV-eyJsaWNlbnNlSWQiOiI4TkdSWVY4TkJWIiwibGljZW5zZWVOYW1lIjoiYWxpY2FzIGFnaWxlIiwi

YXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6

IkZvciBlZHVjYXRpb25hbCB1c2Ugb25seSIsImNoZWNrQ29uY3VycmVudFVzZSI6ZmFsc2UsInBy

b2R1Y3RzIjpbeyJjb2RlIjoiSUkiLCJwYWlkVXBUbyI6IjIwMTctMDUtMjEifSx7ImNvZGUiOiJB

QyIsInBhaWRVcFRvIjoiMjAxNy0wNS0yMSJ9LHsiY29kZSI6IkRQTiIsInBhaWRVcFRvIjoiMjAx

Ny0wNS0yMSJ9LHsiY29kZSI6IlBTIiwicGFpZFVwVG8iOiIyMDE3LTA1LTIxIn0seyJjb2RlIjoi

RE0iLCJwYWlkVXBUbyI6IjIwMTctMDUtMjEifSx7ImNvZGUiOiJDTCIsInBhaWRVcFRvIjoiMjAx

Ny0wNS0yMSJ9LHsiY29kZSI6IlJTMCIsInBhaWRVcFRvIjoiMjAxNy0wNS0yMSJ9LHsiY29kZSI6

IlJDIiwicGFpZFVwVG8iOiIyMDE3LTA1LTIxIn0seyJjb2RlIjoiUEMiLCJwYWlkVXBUbyI6IjIw

MTctMDUtMjEifSx7ImNvZGUiOiJSTSIsInBhaWRVcFRvIjoiMjAxNy0wNS0yMSJ9LHsiY29kZSI6

IldTIiwicGFpZFVwVG8iOiIyMDE3LTA1LTIxIn0seyJjb2RlIjoiREIiLCJwYWlkVXBUbyI6IjIw

MTctMDUtMjEifSx7ImNvZGUiOiJEQyIsInBhaWRVcFRvIjoiMjAxNy0wNS0yMSJ9XSwiaGFzaCI6

IjM4MTEyNTYvMCIsImdyYWNlUGVyaW9kRGF5cyI6MCwiYXV0b1Byb2xvbmdhdGVkIjpmYWxzZSwi

aXNBdXRvUHJvbG9uZ2F0ZWQiOmZhbHNlfQ==-ZkM30EtrYD1I1yfVlugRks1bv/0hs4IuraASRo3Wj0J1l+6MiR0V3aH1NTomi6bQKl3iACHpcoeg

0ZAwyOpKPbCF1TrgPMvXLhFFS1D9BtaMaPdmVOY098jIwIxKs4WrtaKHJOqmvjmS64QyQW/LmTXQ

J+lPNJZ81fcB8GDbc8EJfzlC5byhPiCAveZMT60lu5ZWn7jdSQTOrXZYeyPz0ZQjbI1F6yS0IGs6

65NJRUBujUEGWdmpqalg1abrD/flSK1Acz4jJoxWEtad8MfqXKW3Ugo8EAGVUqlasC3yyiiD8NdJ

Zx6fqMvDJTpdwlzMmeR1EV/PXmh8gd58A+3eKQ==-MIIEPjCCAiagAwIBAgIBBTANBgkqhkiG9w0BAQsFADAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENB

MB4XDTE1MTEwMjA4MjE0OFoXDTE4MTEwMTA4MjE0OFowETEPMA0GA1UEAwwGcHJvZDN5MIIBIjAN

BgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxcQkq+zdxlR2mmRYBPzGbUNdMN6OaXiXzxIWtMEk

rJMO/5oUfQJbLLuMSMK0QHFmaI37WShyxZcfRCidwXjot4zmNBKnlyHodDij/78TmVqFl8nOeD5+

07B8VEaIu7c3E1N+e1doC6wht4I4+IEmtsPAdoaj5WCQVQbrI8KeT8M9VcBIWX7fD0fhexfg3ZRt

0xqwMcXGNp3DdJHiO0rCdU+Itv7EmtnSVq9jBG1usMSFvMowR25mju2JcPFp1+I4ZI+FqgR8gyG8

oiNDyNEoAbsR3lOpI7grUYSvkB/xVy/VoklPCK2h0f0GJxFjnye8NT1PAywoyl7RmiAVRE/EKwID

AQABo4GZMIGWMAkGA1UdEwQCMAAwHQYDVR0OBBYEFGEpG9oZGcfLMGNBkY7SgHiMGgTcMEgGA1Ud

IwRBMD+AFKOetkhnQhI2Qb1t4Lm0oFKLl/GzoRykGjAYMRYwFAYDVQQDDA1KZXRQcm9maWxlIENB

ggkA0myxg7KDeeEwEwYDVR0lBAwwCgYIKwYBBQUHAwEwCwYDVR0PBAQDAgWgMA0GCSqGSIb3DQEB

CwUAA4ICAQC9WZuYgQedSuOc5TOUSrRigMw4/+wuC5EtZBfvdl4HT/8vzMW/oUlIP4YCvA0XKyBa

CJ2iX+ZCDKoPfiYXiaSiH+HxAPV6J79vvouxKrWg2XV6ShFtPLP+0gPdGq3x9R3+kJbmAm8w+FOd

lWqAfJrLvpzMGNeDU14YGXiZ9bVzmIQbwrBA+c/F4tlK/DV07dsNExihqFoibnqDiVNTGombaU2d

Dup2gwKdL81ua8EIcGNExHe82kjF4zwfadHk3bQVvbfdAwxcDy4xBjs3L4raPLU3yenSzr/OEur1

+jfOxnQSmEcMXKXgrAQ9U55gwjcOFKrgOxEdek/Sk1VfOjvS+nuM4eyEruFMfaZHzoQiuw4IqgGc

45ohFH0UUyjYcuFxxDSU9lMCv8qdHKm+wnPRb0l9l5vXsCBDuhAGYD6ss+Ga+aDY6f/qXZuUCEUO

H3QUNbbCUlviSz6+GiRnt1kA9N2Qachl+2yBfaqUqr8h7Z2gsx5LcIf5kYNsqJ0GavXTVyWh7PYi

KX4bs354ZQLUwwa/cG++2+wNWP+HtBhVxMRNTdVhSm38AknZlD+PTAsWGu9GyLmhti2EnVwGybSD

2Dxmhxk3IPCkhKAK+pl0eWYGZWG3tJ9mZ7SowcXLWDFAk0lRJnKGFMTggrWjV8GYpw5bq23VmIqq

DLgkNzuoog==

语法高亮

原理就是把 *.we 的文件识别成HTML同样也可以语法高亮,idea有一个民间大神开发的weex插件,可以在右侧直接预览效果以及快速生成当前页面的二维码,蛮不错。