Taro学习笔记_环境搭建

安装

注意包管理工具的配置
这里说一下yarn的配置

npm i yarn -g 全局安装yarn
控制台执行 yarn -v 如果打印出了yarn的版本则全局安装yarn成功
yarn config list 命令查看yarn的配置

把源换成淘宝的
yarn config set registry https://registry.npm.taobao.org/

设置全局安装目录,找个位置新建一个global文件夹
yarn config set global-folder "E:\xx\global"

设置全局安装目录的bin(二进制)目录位置,在global目录下新建bin目录，
并把bin目录加入环境变量
yarn config set prefix "E:\xx\global\"
注意这里是global\不是global

设置全局缓存目录，和global同级新建cache目录
yarn config set cache-folder "E:\xx\cache"
基本设置完成
可以装个typescript 实验一下(npm的全局里面如果有可以先删除，保证是yarn下的)
yarn global add typescript
tsc -v
如果成功则设置没有问题

安装全局taro脚手架：

npm install -g @tarojs/cli 

或者

推荐，比较稳定，快速
yarn global add @tarojs/cli

创建项目

1. 使用脚手架创建项目: taro init 项目名
2. 根据需要选择配置
3. 创建好后，cd 项目名
4. yarn dev:h5 编译成h5项目，可以浏览器直接查看
5. 如果是微信小程序，使用 yarn dev:weapp
6. 打开微信开发者工具，把dist目录引入就行了
7. dist目录每次编译都是重新编译的，dist目录就一个，所以编译的命令不同dist里面的内容也会有区别
8. 使用yarn dev:h5编译完成后浏览器如果看到hellow world即成功运行