微信小程序安装 WePY框架

我们在做传统的 Web 开发,会使用到许多框架来提升工作效率,比如:Laravel、Yii等,同样我们开发小程序也应该会使用小程序的一些框架,而 WePY则是专门为小程序而生,由腾讯团队研发

让小程序支持组件化开发的框架,一个最受欢迎的小程序框架.

安装Wepy

npm install -g wepy-cli
wepy init standard my-project
cd my-project
npm install
wepy build --watch

基于以上步骤,即可安装 WePY

WePY项目目录结构

文件夹名称 类型 简介
dist 目录 小程序运行代码目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)
src 目录 代码编写的目录(该目录为使用WePY后的开发目录) 源码文件
src/app.wpy 目录 项目入口文件
src/pages 目录 存放小程序页面
src/components 目录 存放小程序组件
src/mixins 目录 存放 Mixin 文件
node_modules 目录 NPM 依赖模块
src/index.template.html 文件 模板页面html
wepy.config.js 文件 全局配置文件
yarn.lock 文件 依赖列表,确保这个应用的副本使用相同版本的依赖
package.json 文件 项目的 package 配置
project.config.json 文件 开发者工具配置
.wepyignore 文件 WePY 忽略的文件
.wepycache 文件 WePY 缓存文件,防止在build时,重复build npm目录
.prettierrc 文件 prettier 配置文件
.eslintrc.js 文件 eslint 配置文件
.eslintignore 文件 eslint 忽略的文件
.editorconfig 文件 编辑器配置文件
dist        小程序运行代码目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)
src         代码编写的目录(该目录为使用WePY后的开发目录) 源码文件
src/app.wpy     项目入口文件
src/pages       存放小程序页面
src/components  存放小程序组件
src/mixins      存放 Mixin 文件
node_modules    NPM 依赖模块
src/index.template.html     模板页面html
wepy.config.js      全局配置文件
yarn.lock       依赖列表,确保这个应用的副本使用相同版本的依赖
package.json    项目的 package 配置
project.config.json     开发者工具配置
.wepyignore     WePY 忽略的文件
.wepycache      WePY 缓存文件,防止在build时,重复build npm目录
.prettierrc     prettier 配置文件
.eslintrc.js    eslint 配置文件
.eslintignore   eslint 忽略的文件
.editorconfig   编辑器配置文件

关于极客返利

极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是:你买课,我返现。让你花更少的钱,就可以买到课程。

https://geekfl.com

https://geek.laravelcode.cn

版权许可

本作品采用 知识共享署名 4.0 国际许可协议 进行许可。

转载无需与我联系,但须注明出处,注明文章来源 微信小程序安装 WePY框架

联系我

编程怪事
暂无回复
0 / 180