zoukankan      html  css  js  c++  java
  • 小程序之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
    來源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
  • 相关阅读:
    17张程序员壁纸推荐,是否有一张你喜欢的?
    学会了这些英文单词,妈妈再也不用担心我学不会Python
    小白学习Python英语基础差怎么办,都帮你想好拉!看这里
    自动化测试学习防踩坑手册,测试人员人手一份
    Selenium自动化结合Mysql数据项目实战操作
    解除你学习Python自动化测试框架的所有疑惑,开启学习直通车
    数据库管理软件navicate12的激活和安装
    修改文件版本号方法
    Json的数据映射(基于LitJson)
    VMware 虚拟机安装黑屏问题
  • 原文地址:https://www.cnblogs.com/leeSmile/p/9454921.html
Copyright © 2011-2022 走看看