微信小程序安装 WePY框架

2019-12-17 22:01:24 浏览数 (1)

微信小程序安装 WePY框架

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

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

安装Wepy

代码语言：javascript复制
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

文件

编辑器配置文件

代码语言：javascript复制
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   编辑器配置文件
小程序 微信 javascript eslint

0 人点赞