VSCode编写Weex

更新: 随着weex官方插件升级,提示、代码块更方便了。
http://weex.emas-poc.com/zh/tools/extension.html

安装插件Veturweex

image.png

连续按commandkcommandt选择主题

image.png

对于我们iOS开发来说很多东西不太熟悉,可以复制代码,也可以用代码块来提速

image.png

这两个(Vue、Vue-html)的代码块内容保持一致,具体原因未知,我也在探索中
image.png

代码块直接拷贝
weex插件(https://github.com/jaylinwang/vscode-weex/blob/6481848ee9cc09ba1b40ec1dfc16ffd982f9b0dd/snippets/weex.json)就行,不知道为啥装了weex插件没有相应的weex里的list cell的代码块提示,只能这样解决下。
然后我们在template里就能愉快地敲那些控件了。

可能还会有些组件如modal,stream之类的,就得放另外的代码块javascript.json里。
这里我做个weex官网的modal的代码块

image.png
modal.toast({
          message: 'This is a toast',
          duration: 0.3
 })
image.png

调出来的效果

image.png
image.png

缺点还是很坑, 这个换行,不能自动处理或者按输入的字符串的位置来处理,这个没有Xcode的代码块智能,还得用\r\t这类来处理

更新,在style里可能我们也想要用代码块

image.png

这时,我们就得处理css.json了,同理javascript.jsonhtml.json

更新,之前老是没有提示weex控件的提示,后面终于发现了原因

image.png

Vetrur这东西,如果你要写weex不能安装,不然会影响插件weex从而导致没有weex相关控件的代码提示。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容