Taro从零创建微信小程序步骤

最新推荐文章于 2024-08-02 16:07:01 发布
最新推荐文章于 2024-08-02 16:07:01 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： 小程序 文章标签： 小程序 taro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43569119/article/details/113418895
版权
本文详细介绍了如何从零开始使用Taro CLI工具安装、创建项目并设置微信小程序。首先确保拥有合适的node环境，然后通过npm、cnpm或yarn安装Taro CLI。接着，使用CLI创建模板项目，命名为test。最后，进入项目目录启动服务，通过微信开发者工具打开，显示'Hello world!'即完成初始化设置，可以开始进行微信小程序的开发工作。
摘要由CSDN通过智能技术生成

目录

1.安装

CLI 工具安装

 

2.创建项目

 

3.微信小程序

1.安装

Taro 项目基于 node，请确保已具备较新的 node 环境（>=12.0.0），推荐使用 node 版本管理工具 nvm 来管理 node，这样不仅可以很方便地切换 node 版本，而且全局安装时候也不用加 sudo 了。

CLI 工具安装

使用以下任意一个命令。

使用npm的命令:

$ npm install -g @tarojs/cli

或者使用cnpm的命令:

$ cnpm install -g @tarojs/cli

或者使用yarn的命令:

$ yarn global add @tarojs/cli

安装完成后，查看 Taro 全部版本信息命令：

$ npm info @tarojs/cli

 

最低0.47元/天 解锁文章
lybbor
关注
专栏目录
微信小程序｜步骤条
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
08-25 1万+
步骤条是现代用户界面设计中常见的元素之一，它能够引导用户按照预定顺序完成一系列任务或步骤。在小程序中，实现步骤条可以为用户提供更好的导航和引导，使用户体验更加流畅和直观。
从零开始开发微信小程序：全面指南
百态老人的博客
06-03 1971
学习制作微信小程序，希望通过这次学习能够实现跨平台的统一开发，从而提高自己的编程和开发能力。
Taro —— 开发微信小程序总结
Wu_shuxuan的博客
06-29 3838
Taro官网：https://nervjs.github.io/taro/GETTING-STARTED.html# 安装及使用 1、安装： npm install -g @tarojs/cli 2、创建项目： taro init movies 3、编译预览： 小程序 # npm script $ npm run dev:weapp # 仅限全局安装 $ taro bu...
Taro开发微信小程序（一）
xzdd_的博客
08-03 696
mini-program by Taro is starting
（亲测）taro npm run dev:weapp 微信小程序开发者工具预览报错
最新发布
水w的博客
08-02 591
taro npm run dev:weapp 微信小程序开发者工具预览报错
taro初探：使用taro构建微信小程序基础教程
mytac的博客
07-17 6022
前言 由于微信小程序在开发上不能安装npm依赖，和开发流程上也饱受诟病；Taro 是由京东·凹凸实验室(aotu.io)倾力打造的 多端开发解决方案，在本篇文章中主要介绍了使用taro搭建微信小程序的一些步骤和一个简单demo的实现。 安装 先全局安装@tarojs/cli $ npm install -g @tarojs/cli $ yarn global add @tarojs...
使用taro构建微信小程序基础教程
weixin_42178050的博客
10-08 574
https://www.jianshu.com/p/6fbe80bc2ab1
基于taro搭建小程序多项目框架，记重点了！！！
QD_ANJING的博客
01-22 953
为什么需要这样一个框架，以及这个框架带来的好处是什么？从字面意思上理解：该框架可以用来同时管理多个小程序，并且可以抽离公用组件或业务逻辑供各个小程序使用。当你工作中面临这种同时维护多个小程序的业务场景时，可以考虑使用这种模式。灵感来自最近webpack的多项目打包构建在项目根目录新建文件夹build存放构建脚本// cli.js'启动': '打包'// 处理配置文件console.log(`🚀🚀🚀🚀🚀🚀正在${runType}小程序：${app}`)} else {})// ...
Taro 如何开始微信小程序的开发
GoCoding
12-12 585
代码： https://github.com/ikuokuo/start-taro 前提准备zshyarn global add @tarojs/cli## 创建项目zshtaro init my-app输出信息：zsh???? Taro v3.0.16Taro 即将创建一个新项目!Need help? Go and open issue: https://tls.jd.com/taro-issue-helper? 请输入项目介绍！? 请选择框架 React? 是否需要使用 TypeScript ？ Ye
基于Taro和Taro-UI仿知乎微信小程序-源码
10-02
本项目的核心是基于Taro框架和Taro-UI库来实现对知乎微信小程序的仿制。Taro是一款开源的多端开发框架，它允许开发者使用React语法编写代码，然后编译到微信小程序、H5、支付宝小程序等多个平台。Taro-UI则是一个专...
一套基于tarozoro的完整的微信小程序及h5开发解决方案
08-10
结合小程序框架taro，状态管理库zoro，微信小程序开发，h5开发实践方案
微信小程序npm引入vant-weapp的踩坑记录
10-16
主要给大家介绍了关于微信小程序npm引入vant-weapp的踩坑记录，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
微信小程序基于Taro的分享图片功能实践详解
10-16
总结来说，微信小程序结合Taro框架实现分享图片功能主要涉及以下几个步骤： 1. 搭建Taro项目并配置微信开发者工具。 2. 使用`<Canvas>`组件和`Taro.createCanvasContext()`绘制图片。 3. 添加用户信息和其他元素，如...
使用Taro制作小程序的完整流程
qq_22593423的博客
08-05 2377
使用Taro制作小程序的完整流程，从准备工作、项目创建、页面和组件编写、路由配置、编译预览到最后的发布，每一步都是构建一个功能完整的小程序的重要环节。希望本篇博客对你理解和使用Taro开发小程序有所帮助！我们了解了Taro的基本概念和特点，以及它与其他小程序开发框架的区别。接着，我们展示了如何使用Taro的命令行工具来初始化一个小程序项目，并介绍了项目结构和各个文件的作用。
微信小程序-taro
hyduan_h5的博客
04-29 540
1.Taro是一套遵循 React 语法规范的多端开发解决方案。 2.使用Taro，我们可以只写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端运行的代码。 3.比起原生小程序开发，Taro 带来了许多激动人心的特性（如支持 TypeScript、NPM、丰富的 JSX 语法、更高级的 ES 特性等等），不仅提升了开发体验，对自动化测试、持续构建等也会有不小的帮助。 相关网址 Taro 官网：https://taro.jd.com/ Taro 物料市场：https://taro-e.
微信小程序之Taro框架的搭建
华山派developer的博客
04-07 388
第一步：CLI 工具安装（直接cmd打开命令窗口安装） // 使用 npm 安装 CLI npm install -g @tarojs/cli //OR 使用 yarn 安装 CLI yarn global add @tarojs/cli //OR 安装了 cnpm，使用 cnpm 安装 CLI cnpm install -g @tarojs/cli 第二步：创建项目（在你想储存项目...
taro开发微信小程序
weixin_34415923的博客
05-19 713
在京东凹凸实验室开发Taro跨平台早期之前，就已经进行Taro尝鲜了。开发这个实例猫眼电影已经过去几个月了。案例部分使用的是猫眼电影真实线上接口，关于订座的座位数据是自己模拟实现的，案例只供参考学习。 开发环境 操作系统：Window 10 Taro版本：v0.0.69 Node版本：v8.11.1 github地址: https://github.com/Harhao/miniProgr...
基于taro开发微信小程序
lvhao2813的博客
09-21 3664
taro基于nodeJS安装参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值