安装cnpmnode
npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm
cnpm -vjson
cnpm i小程序
一,wepy的安装
1,全局安装wepy => npm i wepy-cli -g微信
2,新建项目project(项目名称) => wepy new project wepy init standard myprojectbabel
3,启动项目 => wepy build --watch微信开发
二,生成的项目结构
├── dist 微信开发者工具指定的目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)app
├── node_modules xss
├── 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配置
这时启动的项目还须要安装 “babel-preset-es2015“和 “babel-preset-stage-1”,
文件wepy.config.js主要配置以下:
babel: {
sourceMap: true,
presets: [
'es2015',
'stage-1'
],
plugins: [
'transform-decorators-legacy',
'transform-export-extensions',
'syntax-export-extensions'
]