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

2019-06-2419:47:59APP与小程序开发Comments7,042 views字数 566阅读模式

使用vscode开发微信小程序

使用什么IDE是开发者自己的选择,微信开发者工具使用起来总有一些不顺手,所以我使用我比较熟悉的vscode进行开发,顺便在这里给使用vscode的伙伴推荐几个实用插件:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13798.html

  • 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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13798.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13798.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/13798.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定