微信小程序安装 WePY框架

hedeqiang

发布于 2019-12-17 14:01:24

1.5K00

代码可运行

文章被收录于专栏：LaravelCodeLaravelCode

运行总次数：0

代码可运行

微信小程序安装 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   编辑器配置文件