Taro 学习教程 - - - - - 开发环境的安装 helloworld

一、Taro脚手架安装

npm install @tarojs/cli -g
// or
yarn add @tarojs/cli -g
// or
cnpm install @tarojs/cli -g

1.1 如何判断taro安装成功

taro -v

正常安装成功之后显示如图:

在这里插入图片描述

1.2 环境变量配置(自行判断是否需要手动配置)

如果遇到如下问题,则是需要手动配置环境变量
bash: taro: command not found

在这里插入图片描述

红框内为安装路径,注意:位置指向bin目录,没有taro目录。taro安装的路径如果忘了重新跑一遍 – npm install -g @tarojs/cli

  1. 打开配置文件 open -e .bash_profile
  2. 添加配置
# taro add
export TARO=/Users/superiron/.npm-global/lib/node_modules/@tarojs/cli/bin
export PATH=$TARO:$PATH

然后重新执行 1.1的指令查看。

二、使用taro初始化项目 & 运行

2.1 初始化

taro init myProject

在这里插入图片描述

2.2运行

运行成功如下:
在这里插入图片描述

⚠️:如果遇到如下报错,可能是因为taro版本过高,可尝试降级(如:v3.0.8),然后再次初始化、运行在这里插入图片描述
2.3 微信开发者工具导入、预览
导入目录选择到项目即可:
在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/196155.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

EasyV不止可视化|易知微带你打开可视化工具新大门!

可视化工具的发展已经成为当今信息技术领域中的一股不可忽视的力量。如今,人们有了更多的数据和信息需要处理,因此需要一种更加高效、更加直观的手段来呈现这些信息,而可视化工具应运而生。这些工具包括多种类型的图表、地图、仪表板等。随着…

MySQL核心知识点整理大全1-笔记

目录 MySQL 一、MySQL的基本概念 1.数据库 2.表 3.列 4.行 5.主键 6.索引 二、MySQL的安装与配置 1.下载MySQL安装包 2.安装MySQL 3.启动MySQL 4.配置MySQL a.设置监听端口和IP地址 b.设置数据存储路径 c.设置字符集和排序规则 5.测试MySQL 三、MySQL的基本操…

机器学习深度学学习分类模型中常用的评价指标总结记录与代码实现说明

在机器学习深度学习算法模型大开发过程中,免不了要对算法模型进行对应的评测分析,这里主要是总结记录分类任务中经常使用到的一些评价指标,并针对性地给出对应的代码实现,方便读者直接移植到自己的项目中。 【混淆矩阵】 混淆矩阵…

FreeRTOS-软件定时器

软件定时器 在FreeRTOS中可以设置无数个软件定时器,都是基于系统滴答中断。 使用软件定时器需要指定时间:启动定时器和运行回调函数。启动定时器和运行回调函数的间隔为定时器的周期。 使用软件定时器需要指定类型:一次性(回调函数…

逆天营销!“保温杯”免费送,月赚600万的秘密大揭露!

导语:听说过“免费送”的商业模式吗?现实中就有这样的案例,有人通过“保温杯免费送”的策略,一个月内狂赚600万!你一定想知道这是怎么做到的吧?本文将为你揭示这个神秘商业模式的奥秘! 一、疯狂…

python开发SECS客户端

SECS(SEMI Equipment Communications Standard)是半导体设备间通信的标准,Python开发SECS客户端可以使用第三方库如SECS-II(https://github.com/m3team/secs2),PySECS5(https://github.com/jepl…

Redisson

0. 项目介绍 - 《Redisson 使用手册》 - 书栈网 BookStack redisson-spring-boot-starter: redisson的boot-starter.支持多实例集群,分布式锁,spring cache 整合,session集群,消息队列,对象存储 (gitee.com)

java--抽象类的常见应用场景:模板方法设计模式

1.模板方法设计模式解决了什么问题? ①解决方法中存在重复代码的问题。 2.模板方法设计模式的写法 1、定义一个抽象类。 2、在里面定义2个方法 ①一个是模板方法:把相同代码放里面去。 ②一个是抽象方法:具体实现交给子类完成。 分析&…

PyQt6 QFontComboBox字体组合框控件

​锋哥原创的PyQt6视频教程: 2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili2024版 PyQt6 Python桌面开发 视频教程(无废话版) 玩命更新中~共计35条视频,包括:2024版 PyQt6 Python桌面开发 视频教程(无废话…

webpack学习-1.起步

webpack学习-1.起步 1.基础设置2.配置文件的引入3.总结 1.基础设置 首先 webpack是干嘛的呢,用官网的一张图 Webpack 是一个现代的静态模块打包工具。它主要用于将前端应用程序中的各种资源(例如 JavaScript、CSS、图片等)打包成一个或多个…

c++学习第四讲---函数提高

1.函数默认参数&#xff1a; 在&#xff08; &#xff09;中将参数赋值&#xff0c;如果传值了&#xff0c;则用传入值&#xff0c;否则才用函数中默认参数。 例&#xff1a; int func(int a, int b 3, int c 3) {return a b c; } int main() {cout << func(1, 2)…

CKM3 组件价格 取数逻辑分析

系统中代码翻译过来如下&#xff1a; 根据TCKH1~ELEHK TCKH3~ELEHK AND TCKH1~ELEMT TCKH3~ELEMT&#xff0c; TCKH1~ELEHK TKEVA04~ELEHK AND TCKH1~ELEMT TKEVA04~ELEMT&#xff0c; 将TCKH3、TCKH1、TKEVA04组成一张表LT_TCKH3。 根据LT_TCKH3-TCKH3ELEHK成本组件结构Z1…

HTML CSS JavaScript的网页设计

一、网页界面效果&#xff1a; 二、HTML代码&#xff1a; <!DOCTYPE html> <!-- 声明文档类型--> <html lang"en"> …

HarmonyOS/OpenHarmony应用开发

OpenHarmony是由开放原子开源基金会(OpenAtom Foundation)孵化及运营的开源项目, 目标是面向全场景、全连接、全智能时代, 搭建一个智能终端设备操作系统的框架和平台, 促进万物互联产业的繁荣发展。 了解OpenHarmony HarmonyOS是华为通过OpenHarmony项目&#xff0c;结合商业…

java--接口概述

1.认识接口 ①java提供了一个关键字interface&#xff0c;用这个关键字我们可以定义出一个特殊的结构&#xff1a;接口。 ②注意&#xff1a;接口不能创建对象&#xff1b;接口是用来被类实现(implements)的&#xff0c;实现接口的类称为实现类。 ③一个类可以实现多个接口(接…

14、pytest像用参数一样使用fixture

官方实例 # content of test_fruit.py import pytestclass Fruit:def __init__(self, name):self.name nameself.cubed Falsedef cube(self):self.cubed Trueclass FruitSalad:def __init__(self, *fruit_bowl):self.fruit fruit_bowlself._cube_fruit()def _cube_fruit(s…

如何使用Node.js快速创建本地HTTP服务器并实现异地远程访问

文章目录 前言1.安装Node.js环境2.创建node.js服务3. 访问node.js 服务4.内网穿透4.1 安装配置cpolar内网穿透4.2 创建隧道映射本地端口 5.固定公网地址 前言 Node.js 是能够在服务器端运行 JavaScript 的开放源代码、跨平台运行环境。Node.js 由 OpenJS Foundation&#xff0…

【译】AOP- Advice Param And Order

名词解释 Advice 通知 Advice Param Spring 提供完全类型化的Advice&#xff0c;这意味着您可以在Advice签名中声明所需的参数&#xff08;正如我们之前在返回和抛出示例中看到的那样&#xff09;&#xff0c;而不是一直使用Object[]数组。我们将在本节后面看到如何使参数和其他…

MySQL基础『数据类型』

✨个人主页&#xff1a; 北 海 &#x1f389;所属专栏&#xff1a; MySQL 学习 &#x1f383;操作环境&#xff1a; CentOS 7.6 阿里云远程服务器 &#x1f381;软件版本&#xff1a; MySQL 5.7.44 文章目录 1.数据类型一览2.整型2.1.INT2.2.BIT 3.浮点数3.1.FLOAT3.2.DECIMAL3…

Spring Cache快速入门教程及案例

1. Spring Cache介绍 Spring Cache提供了一组注解&#xff0c;使开发者能够轻松地在方法上定义缓存行为 Spring Cache抽象了缓存的底层实现&#xff0c;允许开发者选择使用不同的缓存提供者&#xff08;如 Ehcache、Redis、Caffeine 等&#xff09;。通过配置相应的缓存管理器…