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下代碼高亮

文件后綴為.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是一個不錯的框架,非常值得老程序員學習,因為它站在了時代的前沿。小程序開發新手不建議學習,沒有基礎的同學還是有意義的。

 

 

時間是一個好東西,記錄的是愛你的證據


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM