wepy 语法高亮

WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。

同时WePY也是一款成长中的框架，大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果WePY有不足地方，或者你有更好的想法，欢迎提交ISSUE或者PR。

1.VScode下代码高亮

先下载vue高亮：

 

进入配置设置 
在settings.js文件下添加如下代码：

"files.associations": {
　　"*.vue": "vue",
　　"*.wpy": "vue",
　　"*.wxml": "html",
　　"*.wxss": "css"
},
"emmet.syntaxProfiles": {
　　"vue-html": "html",
　　"vue": "html"
}

保存后，重新加载就可以在页面中看待.wpy后缀代码高亮

 

2.Sublime下代码高亮

?

1 2 3 4 5 6 7 8 9 10

文件后缀为.wpy，可共用vue高亮，但需要手动安装。 打开Sublime->Preferences->Browse Packages..进入用户包文件夹。 在此文件夹下打开cmd，运行git clone git@github.com:vuejs/vue-syntax-highlight.git，无GIT用户可以直接下载zip包解压至当前文件夹。 关闭.wpy文件重新打开即可高亮。 WebStorm下代码高亮 打开Preferences，搜索Plugins，搜索Vue.js插件并安装。 打开Preferences，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。 Atom下代码高亮 在Atom里先安装vue的语法高亮 - language-vue，如果装过了就忽略这一步。 打开Atom -> Config菜单。在core键下添加：customFileTypes: 　　"text.html.vue": [ 　　　　"wpy" 　　]

　　

3.WebStorm下代码高亮

打开Preferences，搜索Plugins，搜索Vue.js插件并安装。
打开Preferences，搜索File Types，找到Vue.js Template，在Registered Patterns添加*.wpy，即可高亮。

推荐使用webstorm，多种编程语言都可以用它，在这里可以得到免费的试用激活码。如果有钱，建议购买正版。

 

wepy:https://github.com/wepyjs/wepy

wepy 官方文档 ： https://tencent.github.io/wepy/document.html#/

wepy是一个不错的框架，非常值得老程序员学习，因为它站在了时代的前沿。小程序开发新手不建议学习，没有基础的同学还是有意义的。

 

 

时间是一个好东西，记录的是爱你的证据