微信小程序安装 WePY框架
微信小程序安装 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返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是:你买课,我返现。让你花更少的钱,就可以买到课程。
版权许可
本作品采用 知识共享署名 4.0 国际许可协议 进行许可。转载无需与我联系,但须注明出处,注明文章来源 微信小程序安装 WePY框架
联系我
