1.微信小程序开发环境
- 安装微信开发者工具,选择对应平台下载安装。下载地址如下:
微信开发者工具 - 常用快捷键介绍
常用的复制粘贴保存等 众所周知 在此不做介绍
Mac OS | Windows | 作用 |
---|---|---|
⇧ + ⌘ + N | shift + ctrl + N | 新建项目 |
⇧ + ⌘ + W | shift + ctrl + W | 关闭当前项目 |
⌘ + N | ctrl + N | 新建文件 |
⌘ + [ | ctrl + [ | 代码左缩进 |
⌘ + ] | ctrl + ] | 代码右缩进 |
⇧ + ⌥ + F | shift + alt + F | 格式化代码 |
⌥ + ⬆ | alt + ⬆ | 代码上移一行 |
⌥ + ⬇ | alt + ⬇ | 代码上移一行 |
⌘ + B | ctrl + B | 编译项目 |
2.微信小程序的目录结构
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件 | 是否必须 | 作用 |
---|---|---|
app.js | 是 | 小程序逻辑 |
app.json | 是 | 小程序公共配置 |
app.wxss | 否 | 小程序公共样式表 |
project.config.json | 是 | 小程序项目配置文件 |