ＷｅＰＹ项目的创建和运行

最新推荐文章于 2024-08-21 09:21:12 发布
最新推荐文章于 2024-08-21 09:21:12 发布
阅读量3.5k 收藏 1
点赞数 1
分类专栏： 项目创建运行 文章标签： 微信小程序框架 Ｗｅｐｙ ｗｅｐｙ－ｃｌｉ 安装运行 项目创建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40414159/article/details/83277910
版权

WePY项目的创建和使用

WePY的安装或更新都通过npm进行的哦，下面用到的fileName都是自己定义的哦

  1. npm install -g wepy-cli　　　（全局安装或更新命令行工具）

  2. wepy init standard flieName　（创建自己的项目名fileName）

     命令执行完后会出现以下选项，可以直接Enter

在这里插入图片描述
4. cd fileName （进入项目文件）
4. npm install （安装项目依赖）
5. wepy build --watch （开始实时编译，和Ｖｕｅ的热加载很像）

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

ＷｅＰＹ项目在小程序开发工具上运行

  1. 打开微信小程序开发工具并选择小程序项目
    点击在这里插入图片描述

  2. 点击右下角　‘＋’　号
    在这里插入图片描述

  3. 选择项目目录为fileName文件夹下的ｄｉｓｔ目录，没有ＡｐｐＩＤ可直接点击使用测试号，项目名称自定义，点击确定项目目录选择为fileName下的dist文件夹

在这里插入图片描述
４.好啦，现在可以在自己的编译器里面开始愉快的编译啦　＾＿＜

小芽儿++
关注
专栏目录
wepy学习项目的创建
m0_70083062的博客
04-28 281
wepy init standard my-project [](()5. 切换至项目目录 cd myproject [](()6. 安装依赖 npm install [](()7. 开启实时编译 wepy build --watch 注意：这里有可能出现问题 peerDependencies WARNING wepy-compiler-less@^1.3.10 requires a peer of less@^3.8.1 but none was installed Recently updated (s
wepy init standard myporj创建项目报错
g2526的博客
01-22 177
问题：运行wepy init standard myporj报错 raw.githubusercontent.com不能访问。然后就找到ipaddress.com网站，访问https://githubusercontent.com.ipaddress.com/raw.githubusercontent.com查询到它的IP Address，然后在本地的/etc/hosts文件里添加IP指向raw.githubusercontent.com 解决： 在C:\Windows\System32\driv
如何创建一个wepy项目
sshaohui的博客
09-05 177
wepy是什么 WePY (发音: /'wepi/) 是小程序上最早的一款类 Vue 语法的开发框架。WePY 2 是基于小程序原生组件实现组件化开发。因此 WePY 2 支持的最低版本小程序基础库为 1.6.3。 第一步首先在全局安装一下wepy 命令是npm install @wepy/cli -g # 全局安装 WePY CLI 工具 ...
Wepy-Mall 开源项目教程
最新发布
gitblog_00822的博客
08-21 784
Wepy-Mall 开源项目教程 wepy-mall微信小程序--基于wepy 商城(微店)微信小程序 欢迎学习交流项目地址:https://gitcode.com/gh_mirrors/we/wepy-mall 项目介绍 Wepy-Mall 是一个基于 Wepy 框架开发的开源商城项目。Wepy 是一个类 Vue 的小程序开发框架，旨在提高小程序的开发效率和代码复用性。Wepy-Mall 项目...
微信官网小程序wepy新建wpy初始化模板（webstrom）
贤和知识点收藏
01-02 4775
为了开发减少考代码的时间，同Html、js等风格，新建之后都会带部分必要代码，因此在webstrom中创建wpy带上必要的代码，如下进行初始模板编辑，具体操作步骤如下： 在第4步输入如下代码： <template> <view>${KEBAB_CASE_NAME}</view> </template> <script> ...
微信小程序wepy框架入门教程-查看并运行wepy源码（二）
祈澈菇凉
02-19 596
文档 wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 在之前，已经准备好几个源码 现在要运用的是wepy仿微信聊天界面 多看看源码，然后动手做一下 差不多就可以了解一二了 查看并运行源码-wepy仿微信聊天界面 https://github.com/wepyjs/wepy-wechat-demo 接上篇，安装好运行环境之...
wepy 开发文档
yc_braveheart的博客
05-21 6596
快速入门    1，项目创建和使用        安装wepy，一下都是通过npm安装        npm install wepy-cli -g    2，在开发目录生成开发DEMO。        wepy new project    3，开发实时编译            wepy build --watch    4,项目目录结构              dist node_...
微信小程序wepy框架学习和使用心得详解
10-16
**二、Wepy项目创建与目录结构** 1. 安装与初始化：首先需要全局安装Wepy命令行工具，使用`npm install wepy-cli -g`。然后在开发目录下生成新的Wepy项目，运行`wepy new myproject`。进入项目目录`cd myproject`，...
Wepy-Redux:微信小程序wepy框架接入 Redux 状态管理
05-16
在微信小程序开发中，Wepy 是一款开源的...通过以上介绍，我们了解了如何在 Wepy 框架下集成 Redux 进行状态管理，以及项目运行的基本流程。在实际开发中，结合这些知识点，可以有效地组织和管理复杂的小程序应用状态。
WePY使用
qq_45271323的博客
04-06 759
一、WePY介绍 WePY 是 腾讯 参考了Vue 等框架对原生小程序进行再次封装的框架，更贴近于 MVVM 架构模式, 并支持ES6/7的一些新特性。 二、WePY 使用 1、WePY的安装或更新都通过npm进行： npm install -g wepy-cli //全局安装或更新WePY命令行工具（wepy脚手架）： wepy-cli wepy -v //查看wepy-cli版本 wepy...
wepy 搭建小程序
weixin_42340514的博客
12-23 198
新手一枚，最近在研究小程序。如有不对之处，请多多指教哟(__) 嘻嘻…… 考虑用wepy 来搭建项目，mpvue 后续再研究 官网先贴上：https://tencent.github.io/wepy/document.html#/ 1.安装wepy-cli，建立新项目 npm install wepy-cli -g 2，初始化项目 wepy init standard myproject 注释：m...
项目搭建之路(上)
程序男的专栏
03-19 2140
项目搭建之路中，险关重重，maven？ git?,intellij idea? mybatis ? tomcat? 都有份，不断解决问题，不断积累才能立于不败之地，只有努力不放弃才能将程序做好。
个人项目总结（wepy）
VarIInJSon的博客
06-10 948
事件冒泡 e.target.dataset获取的是一个对象，如果我们要获取index索引需要：Object.values(e.target.dataset)+'' 微信小程序需要通过this.setData({msg:''})来动态改变data，如果需要改变的data是一个数组的其中一项，需要：this.setData({'array['+idx+'].m':''}) ...
wepy - 入手
weixin_33717117的博客
10-24 175
wepy官方文档： https://tencent.github.io/wepy/document.html#/     ESLint：一般用来校验JavaScript代码是否符合规范，不符合预期就报错（程序无法运行，提示错误地方） 官方文档:https://cn.eslint.org/ 演示地址:https://cn.eslint.org/demo/     Redux...
WePY入门一【环境搭建】
weixin_43837268的博客
07-26 221
npm install -g wepy-cli //全局安装或更新WePY命令行工具（wepy脚手架）： wepy-cli wepy -v //查看wepy-cli版本 wepy init standard myproject //新建wepy小程序项目,1.7.0之前的版本使用：wepy new myproject wepy list //查看项目模板 cd E:\myproject //切...
wepy学习笔记之环境搭建
weixin_33754913的博客
05-31 278
写了近两年小程序了，越来越发现原生小程序有太多鸡肋的地方。所以今天准备尝试一下wepy，正好最近手上有个外包，可以拿来练手。如果可以的话，或许会出一系列wepy相关的文章（偏实战），欢迎大佬们指正。 安装wepy-cli npm install wepy-cli -g wepy --version //查看版本，这里是1.7.3 复制代码 根据文档介绍，wepy-cli在1...
wepy快速入门
weixin_30352191的博客
05-13 399
Github地址 wepy官网：https://tencent.github.io/wepy/index.html 安装 wepy 命令行工具...
wepy - 一个小程序的组件化开发框架
weixin_34409703的博客
10-10 99
2019独角兽企业重金招聘Python工程师标准>>> ...
小程序学习——打开wepy项目
赵乘风_i
04-11 9247
微信开发者工具打开已有的wepy项目wepy项目是依赖npm的，所以在clone下来后，1.进入目录下，npm install2,运行 wepy build --watch,开启实时编译确认无误时，我们打开微信开发者工具，1.新建项目 2,填写如下，一定要选择是已有项目的目录下的dist文件夹，因为这里进行了编译，存在app.json文件，而开发者工具就是需要首先找到这个文件，然后打开...
vscode开发wepy
09-14
使用VSCode开发WePY需要以下步骤： 1. 打开VSCode，选择文件 -> 打开文件夹，打开你的WePY项目文件夹。 2. 在VSCode中打开终端，可以通过终端 -> 新建终端来打开终端面板。 3. 在终端中运行命令`npm install wepy-cli -g`，全局安装或更新WePY命令行工具。 4. 在终端中运行命令`npm install`，安装项目所需的依赖。 5. 运行命令`wepy init standard demo`，创建一个名为demo的标准WePY项目。 6. 完成项目创建后，通过`cd demo`命令跳转到项目文件夹下。 7. 在VSCode中编写代码，在保存代码时可以通过快捷键Ctrl+S保存。 8. 在终端中运行命令`wepy build --watch`，实时编译项目并监听文件变化。 9. 打开微信小程序开发工具，选择dist目录，并导入项目。 10. 在微信小程序开发工具中进行编译和查看。 这样，你就可以使用VSCode来开发WePY项目了。VSCode提供了丰富的编辑功能和智能提示，使得开发过程更加高效和畅快。如果在使用WePY过程中遇到一些难解决的错误，你可以通过网上查找解决方案[3.1]。希望这些步骤能帮助到你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值