微信小程序> Taro开发微信小程序配置环境(一)

Taro开发微信小程序配置环境(一)

浏览量:470 时间: 来源:SherrybabyOne

微信小程序提供的格式四不像,上手成本高。京东凹凸实验室开发出的Taro框架基于React语法,可以多终端使用:微信小程序、支付宝小程序、字节跳动小程序、H5、RN。
不过最主要的还是适应微信小程序。

本次实战使用Taro开发一个穿搭衣服的微信小程序,使用Taro UI库。
第一章从基本的配置环境,

安装Taro:

# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm,使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli

创建新项目:

$ taro init myApp

本次配置不使用TypeScript、使用Less、默认模板。
安装Taro UI:

npm install taro-ui --save

在src下的app.js中全局引入组件样式,添加:

import 'taro-ui/dist/style/index.scss'

OK!
基本已经配置完毕,可以使用小程序预览模式,边修改边观察页面变化,需下载好微信开发者工具。
打开微信开发者工具,
在项目中输入:

# npm script$ npm run dev:weapp# 仅限全局安装$ taro build --type weapp --watch# npx用户也可以使用$ npx taro build --type weapp --watch

Taro会编译为微信小程序的文件格式,并保存在dist目录下,使用微信开发者工具打开dist目录,即可预览小程序页面。

Taro开发微信小程序-登录实现(二)
Taro开发微信小程序-用户授权(三)
Taro开发微信小程序-TabBar实现(四)

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎