小程序开发(1)-之目录结构和文件说明

#以下图片是小程序的目录结构，建议所有的目录都使用小写字母，不使用驼峰格式

#组件

components是自定义组件目录，对一些常用的组件的封装

#配置文件

config是配置文件，存有一些常用的字段和请求地址

#第三方库

libs是一些外部的库，一些没有通过npm安装的包，例如存放了腾讯地图webService的js文件

#分包

livepackage、package、pages、storepackage是分包和主包资源文件，因为小程序对每个包都有2M的限制，防止每个包过大，导致打包失败，注意对于一些没有用的资源文件就删除即可，免得浪费占用包的大小

#miniprogram_npm

构建npm生成的目录，如果有使用npm安装的插件，需要在微信开发者工具->工具->构建npm

#node_modules

node安装npm插件生成的目录

#静态资源目录

statics目录是存放一些资源文件，例如一些png、svg等图片资源，我们的项目结构是statics->image->每个页面一个资源目录

#样式目录

styles是wxss的资源目录，包含一些公共的样式

#utils

utils封装的一些公用js文件

#模板目录

widgets是一些代码片段，存放一些template，静态的wxml文件

#小程序的启动文件

app.js小程序的启动文件

#小程序的配置文件

app.js小程序的配置文件

#小程序的全局样式文件

app.wxss小程序的全局样式文件

#小程序开发时的配置文件

project.config.json

#总目录结构

小程序开发(1)-之目录结构和文件说明相关推荐

小程序快速入门到项目开发 2（小程序appID获取和目录结构）
你好,[程序职场]专注于:Spring Boot ,微服务和前端APP开发,闲暇之余一起聊聊职场规划,个人成长,还能带你一起探索副业赚钱渠道,在提升技术的同时我们一起交流敏捷流程提高工作效率 ...
微信小程序开发之编译自动生成新文件的解决办法
文章目录前言微信小程序开发中一自动编译就自动生成一些wxss,wxml,文件的解决办法一. 问题详情二.为什么会出现这个情况三.解决办法 1.找到app.json文件夹下的具体页面详情 2. ...
小程序 | 基于WAMP的新闻网小程序开发（体验全栈式开发微信小程序）
之前学习微信小程序开发,主要是基于JS.WXML.WXSS的前端开发,对于后端技术不精的我也是使用了微信开发者工具中的云开发功能,但是今天突发奇想,特别想体验一下全栈式开发微信小程序,学习了一下基于W ...
微信小程序开发必备知识点
微信小程序开发基础文章目录前言一.页面组件(WXML) 二.小程序配置(json) 1. 全局配置 2. 页面配置 3. sitemap 配置三.小程序配置(WXSS) 四.逻辑层(js) 1 ...
微信小程序开发【从0到1~入门篇】
目录 1. 微信小程序介绍 1.1 什么是小程序? 1.2 小程序可以干什么? 2. 申请账号 2.1 申请帐号 2.2 测试号申请(我们小程序账号申请完成之后,建议务必要申请一个测试号用来开发) ...
小程序开发+weuiwxss
小程序开发+weuiwxss 第一步下载weuiwxss文件 https://github.com/Tencent/weui-wxss 第二步:在小程序中引用下载完weui-wxss-master ...
新手从零开始学习微信小程序开发01
新手从零开始学习小程序开发01 文章目录新手从零开始学习小程序开发01 前言一.什么是微信小程序? 二.如何着手学习微信小程序 1.开发工具下载安装 2.注册账户前言本章主要介绍微信小程序开发 ...
了解微信小程序、掌握微信小程序开发工具的使用、了解小程序的目录以及文件结构、掌握小程序中常用的组件、掌握WXML、WXSS、WXS的基本使用
1 微信小程序介绍以及开发准备 1.1 了解微信小程序百度百科: 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及&quo ...
微信小程序开发尚学堂介绍项目结构组件喧嚷事件模板
一.微信小程序介绍 1. 微信小程序介绍微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用. 说明: 小程 ...

小程序开发(1)-之目录结构和文件说明

小程序开发(1)-之目录结构和文件说明相关推荐

最新文章

热门文章