微信开发者工具非ide,仅作运行发布;vs code写代码+其调试,版本需严格匹配eslint/prettier,jsonc配置解决注释报错,word粘贴须经记事本清洗换行符。

为什么别用微信开发者工具写代码
它根本不是IDE,只是个带调试功能的壳子——编辑器能力来自嵌入的旧版VS Code,连Ctrl+D多光标、Alt+↑行移动都不支持,api提示漏一半,主题不能换,插件一个没有。你真在里头敲一上午Page生命周期,手指会抗议。
但它又不可替代:预览、真机调试、上传提审全靠它。所以真实工作流是:VS Code写代码 + 微信开发者工具只做运行和发布。
ESLint + Prettier 配不起来?先锁死版本
微信开发者工具内置Node约等于14.x,扩展市场里的ESLint插件也卡在老版本。装eslint@8.x或prettier@3.x?直接失效,控制台静音,保存也不格式化。
-
eslint必须≤7.32.0,低于7.0.0则async/await报错 -
prettier推荐2.8.8,再高可能触发legacy-js-api警告 -
eslint-plugin-prettier配4.2.1,高了会找不到prettier实例
别信网上抄来的最新版配置,版本错一位,整个校验链就断。
manifest.json 和 pages.json 注释报错
VS Code默认按json解析,但uni-app和小程序允许在这俩文件里写//注释——于是满屏红波浪线。这不是你写错了,是VS Code不认识。
解决方法只有一条:settings.json里加两行:
"files.associations": {
"manifest.json": "jsonc",
"pages.json": "jsonc"
}
注意:jsonc(JSON with Comments)仅对这两个文件生效,project.config.json或package.json加注释仍会报错,别试。
Word题库粘贴后段落全糊成一行
这不是小程序bug,是Word把<p></p>、<span></span>甚至RTF控制符塞进剪贴板,而小程序富文本编辑器只认纯文本换行符。
- 第一步:Word内容先粘到
记事本,清掉所有格式,只留\r\n - 第二步:从记事本复制,在VS Code里用正则替换清理残留:
搜索 [\x00-\x09\x0B\x0C\x0E-\x1F\x7F]→ 替换为空 - 第三步:开启“显示所有字符”(
Ctrl+Shift+P→Toggle Render Whitespace),确认换行符清晰可见
跳过中转记事本,直接粘贴进小程序后台?大概率得到一整段没空格没换行的乱码文本。
真正难的从来不是装几个插件,而是搞清每个工具的边界在哪——VS Code管代码质量,微信工具管运行闭环,中间那根线一旦接歪,所有“神器”都变废铁。











