webstorm 小程序开发配置 wxml wxss 高亮, js api 自动提示补全

3,849 阅读1分钟

wxml wxss 高亮

打开 webstorm 设置 > Editor > File Types,如下图所示,将 *.wxml 后缀文件配置成以 HTML 类型打开

同理 将 *.wxss 后缀文件配置成以 Cascading Style Sheet (css) 类型打开

js api 自动提示补全

每次调用 wx.xx api, 还要凭记忆,查代码文档,很不方便和高效

  • 如果项目没有初始化成 node 项目(没有package.json),可以先初始化下

    npm init

    按提示填写信息或者一路回车

  • 通过 npm 安装 小程序官方的 ts 声明模块

    npm install miniprogram-api-typings --save-dev

到此, 无论你是 ts 项目,还是 js 项目,webstorm 调用小程序 js api 都能自动提示补全

如果想一步搞定,可以直接安装 Wxapp Support 插件