#yyds干货盘点# 第一次怎么使用微信开发者工具创建小程序项目

一、创建小程序

申请账号地址：​​https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7​​

二、注册小程序

在​​微信公众平台​​注册小程序。

三、创建小程序项目

小程序项目会依赖一个 AppId， 所以需要从公众平台上获取 AppId：

1. 登录公众平台
2. 点击侧边栏开发管理 找到 开发设置
3. 从开发设置中找到 AppId

获取 AppId 后：

1. 打开微信开发工具
2. 选择小程序，点击新建按钮，打开项目新建向导
3. 填写项目名称，项目目录，AppId(可以用一下测试号，那界面和下面的图不一样)，后端服务选择不适用云开发，语言选择javascript
4. 点击新建按钮，创建项目

创建成功之后，主页面是微信头像和微信昵称，以及一句“Hello World”

四、项目结构

项目下的文件和文件夹的作用如下：

pages: 存放页面文件的文件夹
    index: 页面文件夹
        index.js: 页面的js代码
        index.json: 页面的配置
        index.wxml: html模板文件
        index.wxss: 页面的样式文件
utils: 存放工具类的js文件
app.js: 微信小程序的程序入口(程序入口：开始执行代码的地方)
app.json: 小程序内容的配置文件
app.wxss: 小程序的全局样式(.wxss文件是小程序的样式文件)
project.config.json: 小程序项目的配置
sitemap.json: 访问网站的配置

五、创建页面

1. 在项目的pages文件夹右键创建文件夹，例如：first_demo
2. 在新建目录 first_demo 上右键，选择创建page，输入 first_demo，会自动生成四个文件。

3. 修改 app.json 中的 pages 属性，将新建页面的路径调整到第一个位置上。

当改变之后，主页面就会变成：

六、尺寸单位

1. rem ：相对根节点字体大小，默认根节点字体大小为 16px；1rem = 16px ，2rem = 2 * 16px。
2. rpx：​​尺寸单位​​rpx 是微信小程序特有的尺寸大小，​​​ rpx是针对不同手机平台的设备尺寸不同的屏幕宽度，对应 rpx 大小不一样，对于针对设备的开发的小程序而言，推荐使用 rpx 单位。