weex开发工具

1.webstorm

下载最新 webstorm 1.在webstorm中下载weex插件,从而让webstorm支持weex的语法 2或者新建vue模版 然后直接新建.vue文件开发

weex开发工具_第1张图片

weex开发工具_第2张图片

2 sublime Text 3

官网下载

安装 sublime Package Control  

Package Control 插件是一个方便 Sublime text 管理插件的插件 从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。将以下 Python 代码粘贴进去并 enter 执行,不出意外即完成安装。

import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

使用方法:

快捷键 Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了

安装Vue Syntax Highlight

输入 Vue字样在 Package Control上,出现下面的界面 选择第二个 这样.we  或.vue  代码就会高亮了

weex开发工具_第3张图片

SublimeCodeIntel 代码提示的插件

HTML-CSS-JS Prettify代码的格式化插件

ColorPicker 这个插件可以在编译器中取色

用法:按住Ctrl+Shift+C 就可以了

All Autocomplete

插件会搜索所有打开的文件来寻找匹配的提示词

Material Theme

weex开发工具_第4张图片
Material Theme主题

View> Hide Menu 隐藏菜单栏  alt 显示

F11 全屏

你可能感兴趣的:(weex开发工具)