微信小程序入门篇


最近刚开始学习微信小程序开发,在使用微信开发者工具写了一个HelloWorld之后发现微信开发者工具用起来不是很顺手,准备使用WebStorm进行微信小程序开发。直接使用WebStorm打开微信小程序是没有语法高亮和代码提示的。

方法一:配置相关文件

设置语法高亮

WebStorm默认不会识别wxml和wxss文件的,需要在File | Settings | Editor | File Types设置HTML和Cascading Style Sheet,在HTML下面添加 *.wxml,在Cascading Style Sheet下面添加 *.wxss。
wxml文件高亮
wxss文件高亮

代码提示

代码提示已经有大佬整理好了,我们只需要借鉴一下就行。
wecharCode码云地址
下载保存好上面的wecharCode文件之后在WebStorm中导入。
打开File | import Settings
导入wecharCode
点击OK之后重启就有wxml文件和wxss文件的代码提示了。

方法二:配置Plugins

依次打开File | Settings | Plugins,搜索Wxapp Support,点击Install,下载之后重启WebStorm后就可以享用了。
导入Wxapp support插件
值得注意的是,汉化版好像不能打开settings,如果使用的汉化版,需要先把汉化包删掉才能进行配置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值