微信小程序开发(1)—— 微信开发者工具

微信小程序开发(1)

  • 一、微信开发者工具
    • 下载
    • 初识微信开发者工具
      • 新建项目
      • 界面三部分
      • 认识目录的一些文件

一、微信开发者工具

下载

浏览器搜索微信小程序官方文档,选择工具下载安装,链接: 微信工具下载。

初识微信开发者工具

新建项目

下载后点击进入微信开发者工具新建项目界面

填写项目名称与路径
微信小程序开发(1)—— 微信开发者工具_第1张图片

学习阶段不需要AppID,选择测试号,点击确定创建项目
微信小程序开发(1)—— 微信开发者工具_第2张图片

界面三部分

创建完项目之后进入到我们的开发界面
第一部分是我们的预览区
微信小程序开发(1)—— 微信开发者工具_第3张图片
第二部分是我们项目的代码目录
微信小程序开发(1)—— 微信开发者工具_第4张图片
第三部分是我们的代码编辑区
微信小程序开发(1)—— 微信开发者工具_第5张图片

认识目录的一些文件

1、.js
实现逻辑的地方
微信小程序开发(1)—— 微信开发者工具_第6张图片
2、.json
配置文件,配置路劲
微信小程序开发(1)—— 微信开发者工具_第7张图片
3、.wxss
样式文件,和css相似
微信小程序开发(1)—— 微信开发者工具_第8张图片
4、.wxml
与html相似

微信小程序开发(1)—— 微信开发者工具_第9张图片
其中app.js、app,wxss、app,json是全局的。

你可能感兴趣的:(微信小程序开发,小程序)