美文网首页
wepy 微信小程序

wepy 微信小程序

作者: DZ锋 | 来源:发表于2018-02-26 20:52 被阅读0次

通过npm安装

(安装wepy命令工具)

1、npm install wepy-cli -g

(开发目录生成开发的demo)

2、wepy new mywepy

 (切换至项目目录)

3、cd mywepy

(开发实时编译)

4、wepy build --watch 

项目目录结构

├── dist                        微信开发者工具指定的目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)

├── node_modules

├── src                         代码编写的目录(该目录为使用WePY后的开发目录)

| ├── components         WePY组件目录(组件不属于完整页面,仅供完整页面或其他组件引用)

| | ├── com_a.wpy          可复用的WePY组件a

| | └── com_b.wpy          可复用的WePY组件b

| ├── pages                     WePY页面目录(属于完整页面)

| | ├── index.wpy             index页面(经build后,会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件)

| | └── other.wpy             other页面(经build后,会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件)

| └── app.wpy                 小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.json和app.wxss文件)

└── package.json            项目的package配置

开发使用说明

    使用微信开发者工具新建项目,本地开发选择dist目录。

    微信开发者工具 --> 项目 --> 关闭ES6转ES5。

    本地项目根目录运行wepy build --watch,开启实时编译。

具体参考以下网址:

    1、https://segmentfault.com/a/1190000007580866#articleHeader5( wepy 文档 )

    2、https://github.com/tencent/wepy (wepy github)

    3、https://tencent.github.io/wepy/(wepy   API)

相关文章

网友评论

      本文标题:wepy 微信小程序

      本文链接:https://www.haomeiwen.com/subject/mwquxftx.html