VSCode编写Weex

安装插件Vetur和weex

image.png
连续按command加 k 和command加t选择主题 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.json 、html.json

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

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