小程序之wepy框架

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v

cnpm i

一，wepy的安装

1，全局安装wepy   =>   npm i wepy-cli -g

2，新建项目project(项目名称) => wepy new project           wepy init standard myproject

3，启动项目 => 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配置

 

---

这时启动的项目还需要安装  “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'

      ]

作者：喜欢喝橙汁的
链接：https://www.jianshu.com/p/6943413dc7dd
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。