安装插件Vetur
和weex
![](https://img.haomeiwen.com/i192562/e167675107c0957f.png)
连续按
command
加 k
和command
加t
选择主题
![](https://img.haomeiwen.com/i192562/56148ccdf2445db9.png)
对于我们iOS开发来说很多东西不太熟悉,可以复制代码,也可以用代码块来提速
![](https://img.haomeiwen.com/i192562/aa6ef9f58aec8639.png)
这两个(Vue、Vue-html)的代码块内容保持一致,具体原因未知,我也在探索中
![](https://img.haomeiwen.com/i192562/3288385364c47870.png)
代码块直接拷贝
weex插件(https://github.com/jaylinwang/vscode-weex/blob/6481848ee9cc09ba1b40ec1dfc16ffd982f9b0dd/snippets/weex.json)就行,不知道为啥装了weex插件没有相应的weex里的list cell的代码块提示,只能这样解决下。
然后我们在template里就能愉快地敲那些控件了。
可能还会有些组件如modal,stream之类的,就得放另外的代码块javascript.json里。
这里我做个weex官网的modal的代码块
![](https://img.haomeiwen.com/i192562/f4ff67040278961d.png)
modal.toast({
message: 'This is a toast',
duration: 0.3
})
![](https://img.haomeiwen.com/i192562/250dd88740c05700.png)
调出来的效果
![](https://img.haomeiwen.com/i192562/f6f0e6585643baaa.png)
![](https://img.haomeiwen.com/i192562/f7978f8e804a56e8.png)
缺点还是很坑, 这个换行,不能自动处理或者按输入的字符串的位置来处理,这个没有Xcode的代码块智能,还得用\r
和\t
这类来处理
更新,在style里可能我们也想要用代码块
![](https://img.haomeiwen.com/i192562/a0bd7349d5629d2e.png)
这时,我们就得处理
css.json
了,同理javascript.json
、html.json
更新,之前老是没有提示weex控件的提示,后面终于发现了原因
![](https://img.haomeiwen.com/i192562/b87fb39c639687c3.png)
Vetrur
这东西,如果你要写weex不能安装,不然会影响插件weex从而导致没有weex相关控件的代码提示。
网友评论