微信小程序-从0开始

环境

小程序app端开发环境配置说明文档
1、安装node开发环境,具体教程自行搜索
2、切换npm源到cnpm，具体参考https://npm.taobao.org/

执行 npm install -g cnpm --registry=https://registry.npm.taobao.org 命令

3、将项目clone下来
4、cd mjbuyfree (到mjbuyfree文件下面打开控制台,Git或者cmd)
5、执行命令

5.1: cnpm install wepy-cli -g

5.2: cnpm install

5.3: wepy build --watch

6、安装微信开发者工具，填写appid
目录选择工程目录下的dist目录

文档

wepy 框架文档地址
https://tencent.github.io/wepy/document.html#/

微信小程序官方文档地址
https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2018118

小程序管理面板
https://mp.weixin.qq.com/wxopen/entityshop?action=info&lang=zh_CN&token=1202078847

工具

vscode

下载地址:https://code.visualstudio.com/

• vscode插件
  https://blog.csdn.net/qq_38906523/article/details/77278403
  Vetur (vue代码高亮)

eslint (格式化)插件的使用

// 将设置放入此文件中以覆盖默认       设置位置:文件/首选项/设置
{
    "[plaintext]": {

    },
    "files.associations": {
        "*.wpy": "vue"
    },
    "prettier.eslintIntegration": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
        "language": "html",
        "autoFix": true
        },
        {
        "language": "vue",
        "autoFix": true
        }
    ]
}

五大开发工具

http://cnodejs.org/topic/580f007deae2a24f34e67ead

Flex 布局教程
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

源码

微信小程序代码大全
https://blog.csdn.net/fenxiangjun/article/details/54429666
https://blog.csdn.net/ufo00001/article/details/72461384
http://www.jiaoben.it/product/view27.html 9.9元