如何在VSCode中开发小程序

大家开发小程序的时候肯定都受够了小程序开发工具了,说实话使用起来是非常的不方便,那么如何在VSCode中开发小程序呢?下面小编给大家演示一下。 项目搭建 首先在小程序开发工具中把项目搭建好,如下图

大家开发小程序的时候肯定都受够了小程序开发工具了,说实话使用起来是非常的不方便,那么如何在VSCode中开发小程序呢?下面小编给大家演示一下。

项目搭建

首先在小程序开发工具中把项目搭建好,如下图所示。

接着在VSCode中打开建好的小程序项目,这个时候小程序项目目录下面会生成几个文件夹,注意别提交到svn里面了,那是VSCode添加的。

插件安装

然后进行小程序的插件安装:

  1. 先搜索安装"vscode weapp api",这是小程序的语法结构api。
  2. 接着安装"vscode wxml"这个插件,主要是针对wxml文件的。
  3. 继续搜索安装"vscode-wechat"这个插件。
  4. 然后安装"Easy WXLESS",是针对wxss文件的。

安装好插件以后,我们直接在VSCode里面编辑小程序项目,保存即可同步到小程序开发工具中。

调试与发布

利用VSCode开发小程序只是起到了编辑的效果,真正的调试等操作还需要在小程序开发工具中进行。

通过以上步骤,我们可以在VSCode中更加方便地开发小程序,并且享受到VSCode强大的编辑功能。希望这篇文章能帮助到正在寻找小程序开发替代方案的你!

标签: