taro学习。。。。。

    xiaoxiao2022-07-02  100

    【学习完react之后,还有了解过vue之后,在接触taro,我就觉得吧,前端都是一个套路。。。。。安装脚手架(框架),用脚手架创建项目,本地运行&打包

    了解Taro

    听说Taro是从几个星期前开始的,我leader说:“Hey, 你听说了Taro么,听说只需要写一套程序就可以生成H5,小程序以及RN的代码模板,并且类似于React的语法。”“哦?还有这么好的事,赶紧研究一下。”

    Taro初体验

    去官网,Github了解了一下,Taro是由京东·凹凸实验室团队开发的,在掘金上看到他们的发稿,大致归(tu)纳(cao)如下:

    代码组织与语法:微信小程序需要在js/wxss/wxml/json文件中来回切换命名规范:微信文档中的各种命名规范(驼峰、小写中划线、小写连写),惨不忍睹开发方式:不能加载npm包,不能使用Sass/less等预处理器以及手动的文件处理

    原文在这里:为何我们要用 React 来写小程序 - Taro 诞生记

    使用Taro

    跑去官网,按照步骤,copy了demo运行了一下,大致如下:

    1taro安装,用npm去下载脚手架taro

    2用taro的脚手架去创建项目

    3尝试运行项目,打包项目

    npm install -g @tarojs/cli taro init myApp # H5端运行 $ npm run dev:h5 $ taro build --type h5 --watch # 微信小程序端运行 $ npm run dev:weapp $ taro build --type weapp --watch

    起步在这里:Get Started,大致这样就可以跑起来了,分别在浏览器和微信开发工具中运行了一下,都可以看到界面输出,感觉还是不错。

    如果运行在h5端,只需要执行如上命令中的一个即可,你是用npm/taro都是可以的

    如果运行在小程序端,只需要执行如上命令中的一个即可,你是用npm/taro都是可以的

    即npm run key,value的内容如果需要监听的话加上--watch参数就可以了,只需根据package.json进行scripts 脚本的执行便可以生成对应的代码,运行了

    h5在浏览器运行,其他各种小程序需要先由taro转换成对应平台的代码,再到对应的平台运行,比较恶心的是转换后的代码js格式。。。。。。。。

     

    总结:taro就是执行命令,然后会在dist下打包出一个对应平台的 可运行的代码,然后去对应的可运行平台去运行即可。。。

     

     

    最新回复(0)