Code前端首页关于Code前端联系我们

微信小程序实用指南:使用vscode开发

terry 2年前 (2023-09-23) 阅读数 69 #移动小程序

使用vscode开发微信小程序

使用哪种IDE是开发者自己的选择。使用微信开发者工具总是会遇到一些困难,所以我就使用自己比较熟悉的东西。使用vscode进行开发。顺便给使用vscode的小伙伴推荐一些好用的插件:

  • minapp提供了微信小程序标签和属性的智能补全,还提供了中文文档的智能提问。
  • wechat snippet 提供了微信小部件中的智能代码补全,可以作为之前插件的补充
  • wxml 提供了 wxml 文件的代码高亮和格式化代码功能
  • Live Sass Compiler 提供了 scss 文件转换的功能到 wxss 文件。该插件默认将 scss 文件转换为 css 文件。您需要将 scss 文件更改为 wxss 文件。您需要修改配置文件。在你的项目根目录下找到.vscode文件夹(没有的话直接创建一个),然后找到setting.json文件(没有的话创建一​​个),将文件内容修改为:
{
    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".wxss",
            "savePath": null
        }
    ]
}
复制代码

效果

微信小程序实战教程:使用vscode开发微信小程序实战教程:使用vscode开发

作者:再见骷颅王
链接:https://juejin.im/post/5d0e14a66fb9a07ed2247759
来源:挖金
版权归作者所有。商业转载请联系作者获得授权。非商业转载请注明来源。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门