正文开始

下载工具

• 微信小程序开发者工具 (opens new window)

• HbuilderX (opens new window)

  • 下载App开发版

​

插件安装

HbuilderX 以下简称 hbx

注册一个hbx账号，然后登陆

hbx 常用插件安装

HBuilderX启动后，点击菜单【工具】【插件安装】，即可打开插件安装窗口。前端很多插件前往插件市场 (opens new window)安装

• scss/sass编译 (opens new window)

• prettier (opens new window)

• eslint-js (opens new window)

• Vue/Vuex/Vue Router代码块 (opens new window)

• eslint-plugin-vue (opens new window)

• typescript编译 (opens new window)

• htmlhint (opens new window)

使用

• 启动小程序开发者工具
  • 设置/通用设置/开启服务端口
  • 
• 打开hbx
  • 设置/微信开发者路径
  • 

项目demo

• 新建uni-app 项目，选择Hello uni-app

  • 

• 配置文件

  • 

• 运行/小程序模拟器/微信小程序工具

  • 

• 至此就能看到结果页面

  •