使用vscode开发原生微信小程序

文章目录

• 前言
• 一、vscode需要下载哪些插件？
• 二、相关配置
• 总结

---

前言

由于微信小程序开发工具的弊端,我们可以使用vscode来开发微信小程序,只需要做好一下的配置即可.

---

一、vscode需要下载哪些插件？

1.安装微信小程序开发助手

2.wechat-snippet

3.Easy-WXLESS

二、相关配置

1.打开设置

在settings.json中添加以下代码

"files.associations": {
    "*.wxml": "html",
    "*.wxss": "css",
  },

由于微信小程序开发工具中不支持less语法,因此还要配置一下less ,前提是下载Easy-WXLESS插件

下载完成之后在settings.json中添加一下代码, 开发的时候在page文件中新建less文件,就会自动生成以.wxss结尾的的文件了.

"less.compile": {
    // "out":"../css/",
    "outExt": ".wxss"
},

---

使用过程中,可以打开微信小程序开发者工具调试.