作者:你有小号我就不能有吗_477 | 来源:互联网 | 2023-01-20 09:15
前言:wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚。这篇写得挺好的:小程序开发之wepy1.初始化项目(1)全局安装或者更新wepy命令行工具(2)在开发
前言:
wepy小程序项目初始化的操作,官方文档看了好几遍,感觉写得不是很清楚。
这篇写得挺好的:小程序开发之wepy
1.初始化项目
(1)全局安装或者更新wepy命令行工具
(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小程序入门和项目初始化