【wepy2.0】的安装

最新推荐文章于 2024-05-10 09:53:59 发布
最新推荐文章于 2024-05-10 09:53:59 发布
阅读量571 收藏 1
点赞数 3
分类专栏： 前端开发 文章标签： 开发语言 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YcintaL0203/article/details/125928115
版权
本文介绍了Wepy 2.0的安装过程和新建项目的步骤。首先，通过`npm install @wepy/cli -g`全局安装脚手架，然后验证安装成功。接着，使用`wepy init standard`初始化项目，配置包括项目名、appid等。安装依赖包后，运行`npm run dev`或`wepy build --watch`启动项目，最后在微信开发者工具中预览。
摘要由CSDN通过智能技术生成

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文

文章目录

提示：以下是本篇文章正文内容

一、安装wepy？

    1、全局安装脚手架  ----只需要安装一次

        通过命令   npm install @wepy/cli -g   全局安装 版本2.1.0

    2，验证是否安装 wepy 成功

        在命令行里 

最低0.47元/天 解锁文章
香饽饽慧
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wepy的安装
lzy_3342118586的博客
03-08 1414
安装wepy 1.全局安装wepy npm install @wepy/cli -g 注意：只安装一次就好 校验是否安装成功： wepy -v //能输出版本号--证明安装成功 2.使用wepy初始化项目 wepy init standard 项目名称 project name -- 项目名称 可直接回车 appid --- 微信小程序的 appid （wx3f586289bed762ad） project description --项目描述 可直接回车 auth.
compile2ant:wepy2.0.x 编译为支付宝小程序代码插件
05-31
compile2ant wepy2.0.x 编译为支付宝小程序代码插件 注意事项 插件仅支持 2.0.0-alpha.21之后的版本，请将cli先升级至最新版。 npm install @wepy/cli@next -g 安装 由于个人精力有限，测试未覆盖支付宝小程序的所有api 如编译后不能正常运行，请提交 issue 或直接 pr，会及时进行兼容 npm install compile2ant -save-dev 配置 wepy.config.js const antPlugin = require('compile2ant'); module.exports = { ... plugins: [ antPlugin() ], ... } 编译 直接执行以下命令 ./node_modules/.bin/wepy build -o ant -t ant --wat
wepy2.0 使用 部分总结
dongcehao的博客
08-12 8001
新项目，微信小程序尝试将 wepy1.x 升级到 wepy2.0 代码 可以很好地使用 vuex ，这点很赞 1、组件 ①在 wepy1.0 中，同一个组件的状态是 同样的，但是在 wepy2.0 中，组件状态都是分开来的 <view class="star-content"> <!-- 所以可以使用 v-for 来 --> <view ...
微信小程序开发官方框架wepy如何安装 亲测可用
qietuwang的博客
12-12 643
wepy是一款微信官方开发的微信小程序开发框架，和美团的mpvue差不多，不过这个是微信自己出的，相比下也会有一些加持，具体哪个好用见仁见智，切图网用wepy开发过项目 暂时没发现有哪些不好，在第一次使用wepy的时候也找过一些教程，下面是亲测过 可用的，不懂的可以照着一步步操作 应该就才不多了。WePY (发音: /’wepi/)是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。打开微信开发者工具–导入–选择文件夹：自定义的文件夹名字。
wepy2.x 和vant-weapp UI 搭建小程序详细步骤
风的记忆
07-17 336
基于wepy2.x 和vant-weapp 搭建小程序详细步骤
wepy的基本安装和使用
搬砖猴哥
11-15 4248
wepy的基本使用使用 1、WePY 简介和安装 001 - 什么是 WePY WePY 是腾讯官方出品的一个小程序快速开发框架，对原生小程序的开发模式进行了再次封装 wepy官网 002 - 为什么使用 WePY WePY 相比于原生小程序开发，拥有众多的开发特性和优化方案， 开发风格接近于 Vue.js，支持很多vue中的语法特性； 通过 polyfill 让小程序完美支持 Prom...
wepy-cli:wepy2 脚手架
05-24
wepy-cliwepy-cli基于wepy2.0,在官方脚手架上进行二次封装及改造使用下载git clone xxx安装依赖npm install启动npm run dev生成weapp文件夹后请使用小程序开发者工具导入此文件夹预览.项目架构目录wepy-cli├─ src...
wepy-templates-2.0.x.zip
03-29
《深入解析wepy-templates-2.0.x.zip：打造高效的小程序开发环境》 在当前的移动互联网时代，小程序已经成为了许多企业和开发者的重要战场。其中，Wepy框架以其强大的功能和灵活的扩展性，备受开发者青睐。本文将...
WepyUtils:小程序请求封装支持和promise,原生封装,请求拦截,封装header
05-02
WepyUtils 小程序请求封装支持和promise,原生封装,请求拦截,封装header 1.原生封装 httputils.js 不支持Promise 用法 1.引用 import httpUtils from '../../libs/httputils'; get请求 httpUtils.getReq('get/list'...
新版的wepy已经废弃了setData - 副本.zip
10-14
6. **package-lock.json**和**package.json**: 包含项目的依赖管理和版本锁定信息，`package-lock.json`是npm 5及以上版本产生的，确保团队成员在安装依赖时得到一致的依赖树。 7. **project.config.json**: 微信小...
wepy npm安装 (high severity)高危漏洞提醒
weixin_45683187的博客
10-30 9291
安装小程序wepy框架问题总结 问题 npm在安装小程序wepy框架的时候会出现一个found 1 high severity vulnerability提醒 1.案例 我们按照官网的安装步骤来(原谅我根本不明白漏洞原因) $ npm install @wepy/cli -g # 全局安装 WePY CLI 工具 $ wepy init standard myproj # 使用 standard 模板初始化项目 $ cd myproj # 进入到项目目录 $ npm install # 安装项目依赖包 -
wepy的安装步骤
热门推荐
AnyTimeStrongKing的博客
06-27 1万+
1、使用官方文档的安装步骤，打开黑窗（window+R）或者使用git运行，    1).安装在全局，以便哪里用哪里取；npm install wepy-cli -g     2）wepy init standard myproject 这是有内容的文件夹（有各种示例），可以建空的文件夹        wepy --help         wepy list 根据提示更改数据        ...
WeGeek Talk| WePY 开源框架
weixin_34346099的博客
11-08 129
今天前来专栏分享的极客，是腾讯微信支付团队。 小程序公测一个月时，微信支付团队开源了小程序上的组件化开发框架 WePY，在 Github 上一经发布便受到了众多开发者的追捧，网上搜索「微信小程序 WePY 开源框架资源汇总」尽是网友们自发分享的相关干货。 尽管 WePY 开源框架如今倍受推崇，回忆起开源的初衷，来自微信支付团队的 Gcaufy 还是表示：「WePY 开源框架的对外开源并不是要去分...
WePY 2.0 新特性
杏仁技术站
05-22 5740
作者 |张鹏Android 程序员，关注大前端各种新兴技术。WePY 2.0 难产一年最近差不多可以使用了，目前最新版为@wepy/core@2.0.0-alpha....
推荐：WePY 2 —— 让小程序开发更高效、组件化的未来
最新发布
gitblog_00093的博客
05-10 382
推荐：WePY 2 —— 让小程序开发更高效、组件化的未来 wepy小程序组件化开发框架项目地址:https://gitcode.com/gh_mirrors/we/wepy 1、项目介绍 WePY 2 是一款致力于小程序组件化开发的前沿框架，由腾讯出品。它的核心目标是简化小程序的开发流程，提高效率，让开发者能够以类Vue的风格进行编写，享受到组件化开发带来的便利。 WePY 2 不仅提供了优雅...
小程序框架 wepy 安装
weixin_43703246的博客
01-31 308
参考WePY 官方网址https://wepyjs.github.io/wepy-docs/1.x/#/?id=%e5%bf%ab%e9%80%9f%e5%85%a5%e9%97%a8%e6%8c%87%e5%8d%97
记录使用wepy2.0开发小程序遇到的坑
一键写代码的博客
02-01 1202
一、先说基本使用 1、安装npm install wepy-cli -g全局wepy脚手架 如果不想全局安装或是需要兼容wepy1.x的老项目，可以把wepy2.0安装到项目本地。 2、使用wepy init standard wepy-project 初始化一个wepy2.0的项目 此时可以选择vuex作为store，官方实现的。 二、使用中遇到的一些坑 1、如何动态绑定样式？ 除了官方说明的基本的样式绑定外，这种在vue中常用的写法，需要改成下面的这种，才能生效。 <text v-for="(c
WePY1 vs WePY2
roman
04-13 1310
1、什么是WePY 微信小程序组件化开发框架WePY。将 Web App 和小程序进行对比。Web App 和小程序在功能上类似， Web App 在开发的时候，可能使用 Vue.js 作为其核心库，用 Webpack 进行打包。在微信小程序中，大家可以简单的将 WePY 理解为 Web App 里的 Vue.js + Webpack 的合体。 官方介绍： WePY (发音: /...
wepy2.1.0如何安装tdesign-miniprogram的详细教程
05-19
安装 tdesign-miniprogram 可以通过以下步骤： 1. 首先在微信开发者工具中新建一个小程序项目，并将项目目录设置为合适的路径。 2. 打开命令行工具（如终端或者 Git Bash），在项目目录下运行以下命令安装 tdesign-miniprogram： ``` npm install --save tdesign-miniprogram ``` 3. 安装完成后，在微信开发者工具中打开项目，将 tdesign-miniprogram 中的 dist 文件夹和 utils 文件夹复制到项目目录下。 4. 在 app.json 文件中添加以下内容： ``` { "style": "app.wxss", "usingComponents": { "van-icon": "/utils/vant/icon/index", "van-button": "/utils/vant/button/index", "van-dialog": "/utils/vant/dialog/index", "van-toast": "/utils/vant/toast/index", "van-loading": "/utils/vant/loading/index", "van-cell": "/utils/vant/cell/index", "van-cell-group": "/utils/vant/cell-group/index", "van-form": "/utils/vant/form/index", "van-field": "/utils/vant/field/index", "van-checkbox": "/utils/vant/checkbox/index", "van-checkbox-group": "/utils/vant/checkbox-group/index", "van-radio": "/utils/vant/radio/index", "van-radio-group": "/utils/vant/radio-group/index", "van-switch": "/utils/vant/switch/index", "van-dialog-style": "/dist/vant/dialog/dialog.wxss", "van-cell-style": "/dist/vant/cell/cell.wxss", "vant-css": "/dist/vant/index.wxss" } } ``` 5. 在 app.wxss 中添加以下代码： ``` @import "/utils/vant/index.wxss"; ``` 6. 至此，tdesign-miniprogram 的安装就完成了。你可以在需要使用组件的页面中，使用如下代码进行调用： ``` <van-button type="primary">按钮</van-button> ``` 这样可以在页面中添加一个主题为 primary 的按钮组件。更多组件的使用方法可以参考 tdesign-miniprogram 的官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值