webstorm默认不识别.wxml和.wxss文件，需手动将.wxml绑定至html类型、.wxss绑定至css类型，并为标签注入javascript语言，再引入@types/wechat-miniprogram类型定义才能实现完整高亮与api提示。
WebStorm 默认不识别 .wxml 和 .wxss 文件，所以打开就是纯文本、无高亮、无补全——这不是你配置错了，是它压根没被当成 HTML 或 CSS 来解析。
把 .wxml 当 HTML 解析，基础高亮就出来了
WebStorm 的语法高亮依赖“文件类型映射”，.wxml 不在默认支持列表里，得手动挂到 HTML 类型下。否则连标签闭合、属性名、双引号配对这些基础提示都没有。
- 打开
File → Settings → Editor → File Types（macOS 是WebStorm → Preferences） - 在左侧
Recognized File Types中找到并选中HTML - 在右侧
Registered Patterns区域点+，输入*.wxml - 确认没有其他规则冲突（比如某插件或旧配置把
*.wxml错误绑定到了Text类型）
改完别急着测试——先关掉所有 .wxml 文件再重新打开，否则缓存可能让高亮不刷新。
把 .wxss 绑定到 CSS 类型，样式写起来才顺手
.wxss 本质是 CSS 超集，只是加了少量小程序扩展（如 selector 支持 ::before），用原生 CSS 类型解析完全够用，还能复用你已有的 CSS 高亮习惯和快捷键。
- 仍在
File Types设置页，找到Cascading Style Sheet并选中 - 点
+，输入*.wxss - 确保
*.wxss没有同时出现在Text或XML的 Registered Patterns 里（重复绑定会导致行为不可预测）
绑定后，@import、媒体查询、选择器嵌套（如果开了 PostCSS 插件）都能正常识别；但注意：page-item 这类自定义伪类不会被校验，IDE 不报错也不提示，这是预期行为。
由于微信的大热，为了更好的方便使用微信的用户查询一些信息，这篇文章是入门级的微信公众平台开发教程，需要的朋友可以参考下 这篇入门教程将引导你完成如下任务： 创建百度云平台应用启用微信公众平台开发模式获取订阅、文字、图片、语音、视频消息回复文本、图文及音乐消息程序开发
<wxs></wxs> 标签里的 JS 代码不亮？要靠 Language Injection
.wxml 里内联的 <wxs></wxs> 模块默认被当作文本处理，里面的 function、export 全是灰色——这不是高亮失效，是语言注入没开。
- 进入
File → Settings → Editor → Language Injections - 点右上角
+→ 选XML Tag Injection - 填入：
Name:wxsLanguage ID:JavaScriptXML Tag → Local name:wxs - 点
OK（不是Apply！点了Apply不生效是常见坑）
生效需要触发重解析：删掉 <wxs></wxs> 标签内容，保存，再重新敲一遍 module.exports = { ... }，高亮和补全才会出现。
API 提示（wx.request 等）为什么还是不弹？缺类型定义
光有高亮解决不了 wx. 后面不提示的问题。WebStorm 的 JavaScript 补全依赖类型信息，而微信小程序 API 没内置到 IDE，必须显式引入声明文件。
- 项目根目录下建
types文件夹，放入官方或社区维护的miniprogram-api-typings（推荐@types/wechat-miniprogram） - 在项目任意
.js或.ts文件顶部加一行：/// <reference types="@types/wechat-miniprogram"></reference> - 确保 WebStorm 的 JavaScript 版本设置 ≥ ES6（
Settings → Languages & Frameworks → JavaScript）
这个步骤最容易被跳过——没类型定义，wx.showModal 参数名、返回值、可选字段一个都不会提示，哪怕高亮再漂亮也没用。
真正卡住人的从来不是「怎么设」，而是「设完不生效时不知道该查哪一层」：文件类型绑定、语言注入、类型路径、缓存刷新，四层漏一层，高亮或提示就断在半路。
