WebStrom識別微信小程序標籤view

微信小程序開發工具,不少功能沒webstrom方便,但webstrom默認識別不了微信小程序開發的標籤,html

(如圖1所示,webstrom不能識別微信小程序標籤)
(如圖1所示,webstrom不能識別微信小程序標籤)

因此,咱們來配置一下,以便咱們開發微信小程序.git

步驟以下:github

一、FileType下Cascading Style Sheet 添加.wxss*web

(如圖2,webstrom添加.wxss)
(如圖2,webstrom添加.wxss)

二、FileType下HTML 添加.wxml*小程序

(如圖3,webstrom添加.wxml)
(如圖3,webstrom添加.wxml)

三、file -> settings -> editor -> inspections -> html -> unkown html tag, unkown html tag attribute微信小程序

(如圖4,webstrom,unkown html tag:添加「view,image,text....」等微信小程序標籤。)
(如圖4,webstrom,unkown html tag:添加「view,image,text....」等微信小程序標籤。)

unkown html tag attribute:添加「view,image,text....」等微信小程序標籤。
unkown html tag attribute:添加「view,image,text....」等微信小程序標籤。

四、到github將其中的wecharCode.jar下載下來,微信

網址是:github.com/miaozhang9/…xss

而後在webStorm 的 File -> import settings 中導入便可,如圖所示:工具

(如圖7,webStorm引入wecharCode.jar)
(如圖7,webStorm引入wecharCode.jar)

五、作到以上4點,大概就能夠在webstrom工具中自由編輯微信小程序了。效果以下圖所示:開發工具

webStorm識別view標籤
webStorm識別view標籤

webStorm識別wx.開js提示
webStorm識別wx.開js提示

原文連接

相關文章
相關標籤/搜索