小程序教程1:初识小程序,快速搭建一个小程序项目

前言:

        打算整理一个小程序系列的资料。如何快速搭建一个小程序项目,以及一个小程序项目应该有哪些内容。

相关资料:

微信公众平台微信公众平台,给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。https://mp.weixin.qq.com/稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

搭建一个小程序项目:

步骤1:注册一个小程序,如果现有小程序请忽略 ,按照顺序写就行

小程序教程1:初识小程序,快速搭建一个小程序项目_第1张图片

小程序教程1:初识小程序,快速搭建一个小程序项目_第2张图片

小程序教程1:初识小程序,快速搭建一个小程序项目_第3张图片

步骤2:安装一个微信开发者工具,入口

小程序教程1:初识小程序,快速搭建一个小程序项目_第4张图片

步骤3: 打开微信开发者工具新建一个项目

如果找不到自己的appid:

设置-》基本设置-》拉到最下面找账户信息

小程序教程1:初识小程序,快速搭建一个小程序项目_第5张图片小程序教程1:初识小程序,快速搭建一个小程序项目_第6张图片 

小程序教程1:初识小程序,快速搭建一个小程序项目_第7张图片

 创建小程序项目

小程序教程1:初识小程序,快速搭建一个小程序项目_第8张图片

小程序项目结构:

1、结构图:

小程序教程1:初识小程序,快速搭建一个小程序项目_第9张图片

2、具体介绍:下面介绍的都需要放在git仓库

api: 里面主要放我们的请求接口

小程序教程1:初识小程序,快速搭建一个小程序项目_第10张图片

components:组件级别

pages: 页面级别

config: 公共配置文件js

小程序教程1:初识小程序,快速搭建一个小程序项目_第11张图片

 images:图片资源 (注意,图片资源占地很大,请根据实际需要优化)

miniprogram_npm:构建的npm包,非常重要

styles:里面放我们的公共css资源

小程序教程1:初识小程序,快速搭建一个小程序项目_第12张图片

subpackage:我们的分包以后的管理文件夹,具体内容根据你的分包信息来

 小程序教程1:初识小程序,快速搭建一个小程序项目_第13张图片

 utils:公共的js资源

.gitignore:git的忽略文件

app.js/app.json/app.wxss :根目录app系列的配置

package.json:装的插件包,在小程序里面这个包不需要你改任何东西

project.config.json:小程序的配置文件,在这里可以修改appid这类的配置

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