欲善其事,必先利其器,因此一个好的开发工具至关重要,下面介绍几种weex 开发常用IDE。

一、vs code

1、从官网下载,下载后将,将app拷贝到应用程序即可使用
2、扩展插件,支持weex语法的高亮:
1)Dusk xcode风格主题。
2)weex vscode weex support
效果如下图:
替代文字
3、添加项目浏览项目很方面

二、 Sublime Text + vue-syntax-highlight

1、首先安装好Sublime开发工具。
2、进行语法的高亮配置

拷贝:https://github.com/vuejs/vue-syntax-highlight.git
如下图配置:

替代文字
替代文字
效果如下图:
替代文字
3、该工具的列模式非常好用

三、IntelliJ IDEA 2016,推荐

该软件是收费软件,免费版本30天;首先是下载IntelliJ IDEA 2016安装文件,安装完后,下面进行软件的配置。
配置后的效果如下图:
替代文字

配置步骤

1、默认配置的内存比较小,导致项目索引很慢,将下面文件内容修改为如下配置(我们电脑内存为8G,根据自己情况配置)
/Applications/IntelliJ\ IDEA.app/Contents/bin/idea.vmoptions

-Xms2028m
-Xmx4096m
-XX:MaxPermSize=1024m
-XX:ReservedCodeCacheSize=512m
-ea
-Dsun.io.useCanonCaches=false
-Dsun.awt.keepWorkingSetOnMinimize=true
-Djava.net.preferIPv4Stack=true
-Djsse.enableSNIExtension=false
-XX:+UseCodeCacheFlushing
-XX:+UseConcMarkSweepGC
-XX:SoftRefLRUPolicyMSPerMB=50
-javaagent:JetbrainsCrack.jar

2、安装weex插件,支持weex语法高亮,及预览
替代文字
3、主题配置为缺省
替代文字
4、配置字体
替代文字
5、修改终端的字体
替代文字
6、背景颜色配置:
替代文字
7、终端背景颜色配置
替代文字
8、如果we文件没有语法高亮,参考下面配置
替代文字
9、显示行号
替代文字

版权声明:本文为forrestblog原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/forrestblog/p/6366897.html