基于Taro快速开发小程序
发布于 4 年前 作者 changxiulan 2763 次浏览 来自 分享

Taro是京东前端凸凹实验室的开源项目,就像它官网说的:多端统一开发解决方案,也就是写一份代码可以运行在不同的端上。这是Taro的特色,但除此之外,使用Taro可以像使用react开发一样而不用考虑小程序自己的语法,另外npm管理依赖、预处理器等都可以在小程序项目中使用。对于刚接触小程序开发的人来说,确实节省了很多时间。

安装Taro也是很快的,Taro 项目基于 node,使用npm安装Taro脚手架@tarojs/cli后就可以创建自己的项目了。

# 使用 npm 安装 CLI

$ npm install -g [@tarojs](/user/tarojs)/cli

# OR 使用 yarn 安装 CLI

$ yarn global add [@tarojs](/user/tarojs)/cli

# OR 安装了 cnpm,使用 cnpm 安装 CLI

$ cnpm install -g [@tarojs](/user/tarojs)/cli

 
#初始化项目
$ taro init yuwenlanzi

在初始化项目时会提示输入项目介绍、是否使用TypeScript、选择css预处理器和模板,根据自己的需要选择即可。

进入项目目录,然后就像使用react或者vue进行开发一样,构建的话命令也已经写好了,在package.json文件里。

"scripts": {

    "build:weapp""taro build --type weapp"/*构建微信小程序*/

    "build:swan""taro build --type swan",/*构建百度小程序*/

    "build:alipay""taro build --type alipay",/*构建支付宝小程序*/

    "build:tt""taro build --type tt", /*字节跳动小程序*/

    .....

  },

最后打包好的文件在dist目录,发布的时候指定该目录上传就可以了。

回到顶部