Sublime Text3搭建Weex开发环境

比较喜欢使用Sublime开发Weex，这里分享一下开发Weex的一些插件
一、安装Sublime Text3
虽然是收费的，但是免费的也可以一直使用，就是经常会弹框，可以去官网下载
https://www.sublimetext.com

二、Package Control安装
Package Control可以非常方便的让开发人员管理插件
安装方式：
1、进入网址
https://packagecontrol.io/installation

2、复制安装代码
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

3、打开Sublime左下角的控制台

控制台

4、粘贴刚复制的代码并回车，接下去就会自动安装了

5、打开左上角菜单Sublime Text-Preferences，下面出现Package Control就说明安装成功了

Package Control

三、Weex高亮语法显示
Sublime默认的.vue文件是没有高亮的，全白色，这个看起来肯定不爽，这里安装一下高亮脚本

1、下载语法高亮脚本
https://pan.baidu.com/s/18pSm27pjK0sp5d52XOM2-A

2、打开菜单Tools-Developer-New Syntax，会新建一个脚本文件，不用理会里面默认的内容

New Syntax

3、打开刚下载的语法高亮脚本，复制所有内容到新建的文件中(替换掉原有的)，然后保存，不用动保存路径，保存名字必须为Plain we.sublime-syntax，这里需要注意一下，默认文件名他会有一个.yaml后缀，这里不需要用这个后缀，直接全部替换成Plain we.sublime-syntax这个文件名就可以

4、保存完后点击Sublime右下角的语法显示，可以看到已经成功安装了脚本并可以使用语法高亮了

语法高亮

四、WeexTemplate
WeexTemplate可以让你快速的新建.vue文件模板

1、打开Package Control面板，输入Install Package，回车

Install Package

2、输入WeexTemplate，这里没有安装过的会出现这个插件，选中回车安装就可以了（如果已经安装过了则不会搜索到，可以在Package Control中输入List Packages查看已安装的插件）

3、安装完成后，尝试右击新建文件，但是.we和.vue文件是灰色的，无法新建

WeexTemplate

4、不要慌，这时候只需要重启一下Sublime就可以了。

WeexTemplate