WePY学习笔记~

最新推荐文章于 2021-10-02 23:18:24 发布

hkjyuyu

最新推荐文章于 2021-10-02 23:18:24 发布

阅读量343

点赞数

分类专栏：小程序文章标签： WePY 小程序框架

本文链接：https://blog.csdn.net/weixin_43910980/article/details/87786419

版权

小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

WePY官网地址
全局安装WePY命令行工具 :npm install wepy-cli -g
创建新项目： wepy new myproject
Ps: 首先你可以wepy -v 检测下你的版本，1.7.0之后的版本使用(创建默认标准项目:wepy init standard myproject 创建空项目：wepy init empty my-project) 初始化项目，使用 wepy list 查看项目模板
安装依赖： cd 项目名 cnpm install 安装依赖

开启实时编译： wepy build --watch
开始实时编译
OK啦
项目目录：

添加项目： 检查下你的项目是否存在project.config.json 文件没有的话可以手动创建下
代码高亮: 我使用的vscode 直接在设置里搜索files.associations

在setting.json文件中新增：
"files.associations": { "*.wpy": "vue" }
就可以了！
打开项目： 使用微信开发者工具打开dist目录即为wepy生成的小程序项目
关闭微信开发者工具的url校验 在Project.config.json文件里：“urlCheck”: false,

压缩js代码、图片 安装：wepy-plugin-imagemin、wepy-plugin-uglifyjs 后在配置wepy.config.js文件中

module.exports.plugins = {
    'uglifyjs': {
        filter: /\.js$/,
        config: {
        }
    },
     imagemin: {
        filter: /\.(jpg|png|jpeg)$/,
         config: {
             jpg: {
                 quality: 80
             },
             png: {
                 quality: 80
             }
         }
      }
};