快盘下载:好资源、好软件、快快下载吧!

快盘排行|快盘最新

当前位置:首页软件教程电脑软件教程 → 使用Sublime开发微信小程序实现wxml, wxss代码高亮和语法提示

使用Sublime开发微信小程序实现wxml, wxss代码高亮和语法提示

时间:2019-11-15 15:54:02人气:作者:快盘下载我要评论

提到sublime Text 3,这块大名鼎鼎的编辑器软件,基本是无人不知,无人不晓啊,具体有点我就不讲了,简单说一下与之齐名的软件UltraEdit 简称 ue,还有一个Notepad++ ,不多说了。这三款软件都支持众多高级语言,从效率上讲sublime略胜一筹,就是配置麻烦点,从正则使用方面,ue略胜一筹吧。说远了,提到sublime只要是为了说Emmet插件,Emmet的前身是大名鼎鼎的Zen coding。该插件主要是为了前端编写工作,速度奇高,各种变态语法,让你少些很多代码,人生苦短,我用Emmet,哈哈。既然搞web开发有Emmet,那么搞微信开发有没有先关的插件支撑一下呢 ???


首先我们要解决一个问题:


sublime编辑器中,无法高亮.wxml和.wxss文件的问题。

答案:

打开文件后移步右下角。

wxml选择“HTML”解析方案;将小程序的wxml文件类型设置为html(才能有代码提示的功能)

wxss选择 CSS解析方案。

至此,Sublime微信小程序wxml, wxss代码高亮问题解决了。


设置wxml和wxss默认使用解析方案

如何做到有记忆的功能?就是.wxml总按“html”方案来解析,.wxss总按“css”方案来解析?其实就要用另外的选择了:

打开.wxml文件的时候,不要那样选择,而是选择头上的“Open all with current extension as...”,然后再从弹出的列表中选择“HTML”

使用Sublime开发微信小程序实现wxml, wxss代码高亮和语法提示

.wxss文件类似:

ok。以上问题都解决了。我们就来配置一下ublime Text 3 微信小程序语法高亮、代码提示插件问题!

https://github.com/springlong/Sublime-wxapp/blob/master/docs/README.zh-ch.md


安装设置教程


微信开发者工具的编辑器虽然自带代码提示功能,但是就其编码体验和主题选择,个人觉得还是不太好用。

而VS Code虽然有完善的小程序插件,而且挺好用,功能齐全,但是个人还是更偏向于简洁的Sublime Text。

1、打开控制面面

代码高亮

2、通过 Package Control: Install Package 搜索 Sublime wxapp 进行安装。

 wxss

3、需要选择菜单(Preferences > Settings),在打开的Preferences.sublime-settings用户配置文件中加入下面的代码:

"auto_complete_triggers":[
  {    "characters": "abcdefghijklmnopqrstuvwxyz< :.",    "selector": "text.wxml"
  }
],

Sublime

安装好之后就可以实现,微信内置组件的代码提示和自动补全,微信API的代码提示和自动补全。更新功能等待你的发觉。

相关文章

网友评论

快盘下载暂未开通留言功能。

关于我们| 广告联络| 联系我们| 网站帮助| 免责声明| 软件发布

Copyright 2019-2029 【快快下载吧】 版权所有 快快下载吧 | 豫ICP备10006759号公安备案:41010502004165

声明: 快快下载吧上的所有软件和资料来源于互联网,仅供学习和研究使用,请测试后自行销毁,如有侵犯你版权的,请来信指出,本站将立即改正。