webstorm + vscode支持微信小程序语法及代码智能提示教程

注意:代码提示只有js文件

工具:电脑一台、webstorm、vscode

1.首先webstorm,设置-->FileType下Cascading Style Sheet 添加*.wxss

webstorm + vscode支持微信小程序语法及代码智能提示教程_第1张图片

2.FileType下HTML 添加*.wxml

webstorm + vscode支持微信小程序语法及代码智能提示教程_第2张图片

3.打开vscode,搜索下图中的插件安装。其中有一个插件是可以生成一个wx.d.ts的语法文件的,由于装插件的时候是全部一起装的,没有留意是哪个,不过个人感觉是小程序助手。

webstorm + vscode支持微信小程序语法及代码智能提示教程_第3张图片
webstorm + vscode支持微信小程序语法及代码智能提示教程_第4张图片

使用vscode开发的童鞋这样就可以开心的使用vscode来码代码了

至于webstorm的童鞋,只要打开你当前vscode打开的项目目录,或者直接把typings文件夹复制到你开发的项目目录下,就可以了。

webstorm + vscode支持微信小程序语法及代码智能提示教程_第5张图片


webstorm还有另一种办法,是其他简友告诉我的,我没有试过,感兴趣的小伙伴可以试试这种办法。

1、设置-->Languages&Frameworks -->JavaScript-->Libraries

webstorm + vscode支持微信小程序语法及代码智能提示教程_第6张图片
Libraries

2、点击右侧的Download...,在弹出的窗口找到 weixin-app,选中后 Download and Install。安装后会自动打钩,没有自动打钩的小伙伴可以手动打钩,然后点右下角Apply应用。


webstorm + vscode支持微信小程序语法及代码智能提示教程_第7张图片


webstorm + vscode支持微信小程序语法及代码智能提示教程_第8张图片

你可能感兴趣的:(webstorm + vscode支持微信小程序语法及代码智能提示教程)