微信小程序开发④ - UniApp

uni-app官网

1. 下载 HBuilder X

windows 得到一个 zip 压缩包文件，解压完成直接使用

2. 安装 sass 依赖

scss/sass编译 - DCloud 插件市场

3. 新建项目

运行项目到 微信开发者工具

1. 配置“微信开发者工具”路径

工具 -> 设置 -> 运行配置

2. 运行

3. 编译成功，微信小程序自动启动

扩展：使用 VSCode 来开发 uniapp

1. 使用 HBuilder X 运行项目
2. 使用 VSCode 打开项目
3. 在 VSCode 中安装插件：

• uni-helper - 让开发者在 VSCode 中开发 uni-* 的体验尽可能好
• uni-app-snippets - 支持 uni-app 基本能力的代码片段，包括组件和 API
• uni-app-schemas - 支持 uni-app pages.json 和 manifest.json 简单的格式校验
• uni-ui-snippets - 支持 uni-ui 组件代码片段

4. 在 VSCode 中修改代码，运行结果自动发生变化