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

前言:

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

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

 

1.初始化项目

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

npm install wepy-cli -g

 

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

wepy init standard project-name

 

(3)编译

wepy小程序入门和项目初始化
cd project-namenpm installwepy 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转ES53. 运行 wepy build --watch 实时编译

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

相关文章