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

最新推荐文章于 2024-07-13 12:10:38 发布
最新推荐文章于 2024-07-13 12:10:38 发布
阅读量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文件夹

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

小芽儿++
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wepy学习项目的创建
m0_70083062的博客
04-28 278
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 174
问题：运行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 176
wepy是什么 WePY (发音: /'wepi/) 是小程序上最早的一款类 Vue 语法的开发框架。WePY 2 是基于小程序原生组件实现组件化开发。因此 WePY 2 支持的最低版本小程序基础库为 1.6.3。 第一步首先在全局安装一下wepy 命令是npm install @wepy/cli -g # 全局安装 WePY CLI 工具 ...
新手必看！开发微信小程序的主流前端架构推荐
最新发布
xiongxiongvr的博客
07-13 925
每个框架都有其独特的优点和适用场景，选择适合自己的框架可以大大提高开发效率。如果你是新手，建议从微信小程序的原生框架开始学习，逐步掌握基础知识，然后根据项目需求选择合适的框架。如果你已有其他前端开发经验，比如React或Vue.js，可以考虑Taro、WePY或Uni-app，这样可以利用已有的知识快速上手。希望这些介绍能帮助你在微信小程序开发的道路上走得更顺利。
微信官网小程序wepy新建wpy初始化模板（webstrom）
贤和知识点收藏
01-02 4773
为了开发减少考代码的时间，同Html、js等风格，新建之后都会带部分必要代码，因此在webstrom中创建wpy带上必要的代码，如下进行初始模板编辑，具体操作步骤如下： 在第4步输入如下代码： <template> <view>${KEBAB_CASE_NAME}</view> </template> <script> ...
微信小程序wepy框架入门教程-查看并运行wepy源码（二）
祈澈菇凉
02-19 590
文档 wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 在之前，已经准备好几个源码 现在要运用的是wepy仿微信聊天界面 多看看源码，然后动手做一下 差不多就可以了解一二了 查看并运行源码-wepy仿微信聊天界面 https://github.com/wepyjs/wepy-wechat-demo 接上篇，安装好运行环境之...
wepy 开发文档
yc_braveheart的博客
05-21 6587
快速入门    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使用
qq_45271323的博客
04-06 754
一、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-Redux:微信小程序wepy框架接入 Redux 状态管理
05-16
在微信小程序开发中，Wepy 是一款开源的...通过以上介绍，我们了解了如何在 Wepy 框架下集成 Redux 进行状态管理，以及项目运行的基本流程。在实际开发中，结合这些知识点，可以有效地组织和管理复杂的小程序应用状态。
wepy 搭建小程序
weixin_42340514的博客
12-23 195
新手一枚，最近在研究小程序。如有不对之处，请多多指教哟(__) 嘻嘻…… 考虑用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 2137
项目搭建之路中，险关重重，maven？ git?,intellij idea? mybatis ? tomcat? 都有份，不断解决问题，不断积累才能立于不败之地，只有努力不放弃才能将程序做好。
个人项目总结（wepy）
VarIInJSon的博客
06-10 944
事件冒泡 e.target.dataset获取的是一个对象，如果我们要获取index索引需要：Object.values(e.target.dataset)+'' 微信小程序需要通过this.setData({msg:''})来动态改变data，如果需要改变的data是一个数组的其中一项，需要：this.setData({'array['+idx+'].m':''}) ...
wepy - 入手
weixin_33717117的博客
10-24 173
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 220
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 274
写了近两年小程序了，越来越发现原生小程序有太多鸡肋的地方。所以今天准备尝试一下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？
Lydiasq的博客
06-07 6597
WePY（微信小程序开发框架）是一个基于组件化开发思想的微信小程序开发框架。它类似于Vue.js框架，通过封装小程序原生的API，提供了更加简洁、高效的开发方式。WePY的主要特点包括：组件化开发：WePY将页面拆分为多个组件，每个组件有自己的样式、模板和逻辑。这种组件化的开发方式能够提高代码的复用性和可维护性，同时也便于团队协作开发。支持Vue.js语法：WePY借鉴了Vue.js的语法和一些特性，开发者可以使用Vue.js的指令、计算属性等特性，更加方便地进行数据绑定和逻辑处理。
【18】微信小程序：05-WePY简介、WePY的安装与运行、WePY文件介绍、WePY框架开发规范与使用
忘尘丶莫负的博客
09-27 3231
文章目录第四天笔记 - WePY一、WePY 简介001 - 什么是 `WePY`002 - 为什么使用 `WePY`二、`WePy` 的安装与运行001 - 安装 `WePY`002 - 初始化 `WePY` 项目003 - 运行编译 `WePY` 项目004 - 认识`WePY` 项目目录004 - 将 `WePy` 项目导入到开发者工具中005 - `WePY` 和 小程序项目的关系三、`WePY` 文件介绍001 - 介绍`.wpy`文件的组成部分002 - `.wpy` 文件的使用说明003 -
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、付费专栏及课程。

余额充值