分享最近在开发学习小程序方面遇到的问题。 微信官方发布了自己的编辑器,但我习惯在sublime text中编辑代码。 但是,微信的代码都是wxml、wxss文件,sublime不支持高亮显示和代码提示。 插件Sublime-wxapp可以很好地解决这个问题:
安装方法:
1、软件包控制
package control :在install package中查找并安装Sublime wxapp。
单击菜单栏“preferences”==package control
插件配置:
在Preferences“首选项”==Settings“设置”中,将以下代码添加到打开的Preferences.sublime-settings用户配置文件中:
' auto _ complete _ triggers ' : [ { ' characters ' : ' abcdefghijklmnopqrstuvwxyz ]
1、突出显示wxml文件语法
除了强调基本的标签语法外,还具有以下两个特征。
1 )自动识别wxs标签,内部用JavaScript语法进行突出显示和代码提示。
2 )突出显示表示JS操作的属性值,如Mustache语法,并用于将文本内容与其他常规属性值区分开来。
2、wxss文件语法高亮显示
当前设置为css语法,无法突出显示rpx单位和内部组件标签。
applet的css不建议直接使用组件的标签选择器来编写样式,而是建议统一使用class编写。
因为rpx单位未高亮显示,并且偶尔可以显示该单位的特殊性,所以不打算为wxss单独创建语法文件。
这也便于共享css的现有代码提示和完成。
3、内置微信组件的代码提示和自动完成
的基本标签完成和属性提示实现,具体功能包括:
1 )标签自动补全,以及在常用标签中增加辅助输入。 view:if、view:for、view:if类等。
在view.class和view#id中快速输入2:类名和id属性。
3:标记属性和属性值的自动呈现和完成根据属性值的类型对不同的内容进行补充。
4:标记属性支持冒号(3360 )匹配。
4、微信atapi的代码提示和自动完成微信atapi的提示统一由wx前缀触发,输入期间不支持。 一致。