wepy 語法高亮

WePY 是一款讓小程序支持組件化開發的框架,經過預編譯的手段讓開發者能夠選擇本身喜歡的開發風格去開發小程序。框架的細節優化,Promise,Async Functions的引入都是爲了能讓開發小程序項目變得更加簡單,高效。css

同時WePY也是一款成長中的框架,大量吸取借鑑了一些優化前端工具以及框架的設計理念和思想。若是WePY有不足地方,或者你有更好的想法,歡迎提交ISSUE或者PR。html

1.VScode下代碼高亮前端

先下載vue高亮:vue

 

進入配置設置 
在settings.js文件下添加以下代碼:git

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

保存後,從新加載就能夠在頁面中看待.wpy後綴代碼高亮程序員

 

2.Sublime下代碼高亮github

文件後綴爲.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下代碼高亮web

打開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是一個不錯的框架,很是值得老程序員學習,由於它站在了時代的前沿。小程序開發新手不建議學習,沒有基礎的同窗仍是有意義的。

 

 

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

相關文章
相關標籤/搜索