编程语言
首页 > 编程语言> > 微信小程序开发之——组件化框架WePY-快速开始

微信小程序开发之——组件化框架WePY-快速开始

作者:互联网

一 概述

二 WePY的特征

三 项目地址

Tencent/wepy

四 构建项目

4.1 安装依赖(已安装node)

全局安装 WePY CLI 工具

npm install @wepy/cli -g

4.2 创建项目

创建一个空白的目录作为项目目录,在命令提示符中切换到该目录,通过wepy init初始化项目

wepy init standard myproj # 使用 standard 模板初始化项目

根据提示信息,配置项目(Enter,使用默认配置)

? Project name myproject
? AppId touristappid
? Project description A WePY project
? Author orange
? Use ESLint to lint your code? Yes
? Choose a state container Vuex

[15:37:13] info Generated "myproject".

4.3 进入项目并安装依赖

$ cd myproj # 进入到项目目录
$ npm install # 安装项目依赖包

4.4 监听并且编译项目

执行如下命令开启实时编译,开启后,会自动监控src目录中的代码更改

$ npm run dev # 监听并且编译项目

五 WePY导入微信开发工具

微信开发者工具选择myproject根目录导入

用小程序开发工具打开,并选择AppID

导入后,项目便已完成后,项目结构及预览图

六 项目结构

6.1 项目结构图

6.2 说明

标签:npm,项目,微信,程序开发,WePY,wepy,组件,目录
来源: https://blog.csdn.net/Calvin_zhou/article/details/120997020