码迷,mamicode.com
首页 > 微信 > 详细

wepy小程序入门和项目初始化

时间:2019-01-21 19:34:12      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:one   cli   ref   -name   微信   color   dem   全局   程序   

前言:

wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚。

这篇写得挺好的:小程序开发之wepy

 

1.初始化项目

(1)全局安装或者更新wepy命令行工具

npm install wepy-cli -g

 

(2)在开发目录中生成Demo开发项目

wepy init standard project-name

 

(3)编译

cd project-name

npm install

wepy build --watch 或者 npm run dev

 

2.目录结构

├── 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配置

 

3.重要提醒

1. 微信开发者工具添加dist目录
2. 微信开发者工具关闭ES6转ES5
3. 运行 wepy build --watch 实时编译

参考文章:小程序开发之wepy

wepy小程序入门和项目初始化

标签:one   cli   ref   -name   微信   color   dem   全局   程序   

原文地址:https://www.cnblogs.com/basic0001/p/10300226.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!