Taro的安装及使用

官网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

重要提醒：一定要cd到对应项目路径下进行npm 安装依赖

重要提醒：一定要cd到对应项目路径下进行npm 安装依赖

重要提醒：一定要cd到对应项目路径下进行npm 安装依赖