比较喜欢使用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就说明安装成功了
三、Weex高亮语法显示
Sublime默认的.vue文件是没有高亮的,全白色,这个看起来肯定不爽,这里安装一下高亮脚本
1、下载语法高亮脚本
https://pan.baidu.com/s/18pSm27pjK0sp5d52XOM2-A
2、打开菜单Tools-Developer-New Syntax,会新建一个脚本文件,不用理会里面默认的内容
3、打开刚下载的语法高亮脚本,复制所有内容到新建的文件中(替换掉原有的),然后保存,不用动保存路径,保存名字必须为Plain we.sublime-syntax,这里需要注意一下,默认文件名他会有一个.yaml后缀,这里不需要用这个后缀,直接全部替换成Plain we.sublime-syntax这个文件名就可以
4、保存完后点击Sublime右下角的语法显示,可以看到已经成功安装了脚本并可以使用语法高亮了
四、WeexTemplate
WeexTemplate可以让你快速的新建.vue文件模板
1、打开Package Control面板,输入Install Package,回车
2、输入WeexTemplate,这里没有安装过的会出现这个插件,选中回车安装就可以了(如果已经安装过了则不会搜索到,可以在Package Control中输入List Packages查看已安装的插件)
3、安装完成后,尝试右击新建文件,但是.we和.vue文件是灰色的,无法新建
4、不要慌,这时候只需要重启一下Sublime就可以了。