前言
taro学习系列一,环境搭建、项目初始化以及项目目录解读
今天是学习taro的第一天,具体任务安排是环境搭建、初始化项目以及搭建一个基于taro的hello world微信小程序
taro学习系列一,环境搭建、项目初始化以及项目目录解读
https://developers.weixin.qq.com/community/develop/article/doc/0000ea6afd0b101b3e7a5c75f5b813
安装taro官方文档如下:
1
2
本地安装:
第一步
第一步:检查node版本
node版本检查,如下图所示,当前mac node版本为12.15.0,所以满足taro开发的node最低版本要求
3
第二步
第二步:安装taro,执行的脚本为
cnpm install -g @tarojs/cli
4
第一次执行失败
5
第二次安装尝试
执行的脚本为
sudo cnpm install -g @tarojs/cli
6
输入密码后,开始正常安装taro
安装成功
第三步
第三步:taro安装成功后,查看其版本
taro当前版本号为2.2.6
完美~
项目初始化
项目初始化
2
第一次执行项目初始化,由于权限问题,执行失败
taro init myApp
3
重新执行
sudo taro init myApp
2
初始化完成
2
项目目录结构
3
4
为方便查看每次代码改动,我把该项目在码云上专门维护了一个仓库。
5
编译完成,新生成的文件如下:
通过该截图可以看到taro编译会将taro代码生成微信小程序原生代码,代码存放于根目录的dist里面
编译后生成的文件在dist目录下,该目录结构如下所示,这就很熟悉了
1、app.js
2、app.json
3、app.wxss
4、project.config.json
5
上述json文件格式化后,如下图所示,已经是原生小程序app.json代码了。
6
微信开发者工具中打开
7
一个基于Taro的hello world小程序已搭建完成。
环境及依赖检测
完美~
推荐官方新出的一个初学者课程
https://5ed4d0957668344d67c1df67--taro-docs.netlify.app/taro/docs/next/guide/
8
taro官方教程推荐
https://5ed4d0957668344d67c1df67--taro-docs.netlify.app/taro/docs/next/guide/
有能力自己写个博客发到自己爽,一天到晚发的都是什么鬼,其它开发者搜索看得都烦
若认为该回答有用,给回答者点个[ 赞 ]
学习打卡第二天:今天从Taro官方文档的基础教程开始学起
https://taro-docs.jd.com/taro/docs/spec-for-taro
系列一:主要完成以下截图内容
本文参考官方文档地址为:
https://taro-docs.jd.com/taro/docs/GETTING-STARTED
我giao,这都能蹭一篇文章
若认为该回答有用,给回答者点个[ 赞 ]
图雀社区推出的taro学习系列教程
https://mp.weixin.qq.com/mp/homepage?__biz=MzA5NTcxOTcyMg==&hid=2&sn=0a87f540e1c09afae1db4d1f9add979c&scene=18
请问楼主有没有页面与插件之间传值的内容
Taro学习笔记? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/000a2eaddd08207b8f6b33d6051813