开发环境
首先我们去 微信公众平台 注册一个小程序账号，按照要求填写信息即可，这里我注册的是个人账号。然后用我们注册好的账号登陆微信公众平台，点击右侧菜单栏的设置，然后选择开发设置，这里我们可以看到开发者ID下面有AppID(小程序ID)，复制你的小程序ID那串字符。
然后我们去下载 微信开发者工具，选择你系统对应的版本即可。安装好打开开发工具，点小程序项目来新建一个小程序项目，然后选择项目目录，把上一步你复制的AppID粘贴到AppID表单里，填写项目名称，选择默认的建立普通快速启动模版即可，确定信息无误点击确定。这时我们就进入微信小程序开发页面了，下次我们再打开微信开发者工具时，就可以看到我们这次新建的这个小程序，直接点击进入即可。
项目结构
打开项目，我们可以看到左侧一个 Hello World 的界面，右侧是我们的项目代码。我们可以先随便去 pages/index/index.wxml 修改一下代码，Ctrl + S 保存，就可以看到左侧的页面跟着刷新了，展示出我们的修改。.wxml 文件对应的是我们普通的 .html 文件，结构大致是类似的，只是标签名有所不同，而 .wxss 文件对应的就是我们普通的 .css 文件。