Taro的安装及使用
2020-03-09 本文已影响0人
HCL黄
官网Taro的安装
下面是实际操作安装
一、安装
1、Taro 项目基于 node，请确保已具备较新的 node 环境（>=8.0.0），可以在终端查看node版本为多少
node -v
2、CLI 工具安装（使用 npm 安装 CLI）
npm install -g @tarojs/cli
2.1、等个十几分钟，突然安装失败，如图：
E74934F6-3CA7-4364-91A8-4950071D53A5.png
这里是安装依赖报错，没去百度搜索答案，按照官网的出现sass错误来解决
npm install -g mirror-config-china
2.2、执行完成之后，需要更新npm
175718EB-F19F-48A4-A6B9-790B7AF1D998.png
npm install -g npm
2.3、更新完毕之后重新执行
npm install -g @tarojs/cli
3、如下图，说明安装成功了
EC61F6A2-4DB8-4953-9375-C6B6E2B9109D.png
二、项目初始化
1、使用命令创建模板项目
taro init myApp
556040C8-A3E7-4EB1-944B-16D4DDBECE2D.png
9CBD5CB8-47FE-4BE8-93D6-849917C944D2.png
2、使用
npm 安装依赖（这里要先cd到创建的myApp目录下，才执行安装依赖，否则就会出现下面一堆问题）
补充：上面初始化项目成功之后，就要马上cd进入项目目录了，然后就可以选择对应的小程序模式进行编译预览及打包
例如使用微信小程序，直接执行命令，下面那些安装依赖可以不需要了
691AF75C-80E4-47E0-B35F-A7E89506FA4D.png
npm install
2.1、安装报错，系统没有‘package.json’这个文件导致
C50AC8CC-980E-4F79-A2AE-57CDFCEA3AAA.png
2.2、执行以下命令，创建package.json文件
npm init
2.3、或者执行npm init -y，系统会提示相关配置
npm init -y
EA3D1BBB-9650-46F6-A051-FBCA3DBB5C1D.png
2.4、在/Users/mac/package.json就可以看到这个json文件了
5229D810-3941-4AC8-9CD8-A445FC4C3F0C.png
2.5、继续执行npm install，报下图错误
9D2355B1-CB0E-4AA8-BBA3-4747662CA0AD.png
2.6、其实上面不算错误，原因是没有先cd到对应的项目路径下导致的，网上也有人说要在
myApp项目下的package.json添加如下：
"repository": {
"type": "git",
"url": "[git-url-of-your-project]"
},
但是我根本就没有git地址，所以就没那样处理了。
75A3734B-3E9A-43FE-8A2B-703433D9B20C.png
2.7、接下来就可以使用对应的小程序编译预览及打包，我使用的是支付宝小程序，其他小程序可以看官网对应的命令
C01E3B61-2006-484E-A5EE-3B495D14C6C8.png
