Taro框架的搭建

1.第一步:安装node.js(链接https://nodejs.org/en/

安装完成后在命令行输入node -v,显示版本号即安装成功

2.第二步:安装 @tarojs/cli

在命令行输入npm install -g @tarojs/cli或yarn global add @tarojs/cli
在这里我用的是cnpm install -g @tarojs/cli,感谢阿里提供的国内镜像
输入taro -V,,会显示当前安装的taro版本

3.
第三步:使用命令创建模板项目
打开目标文件夹后输入命令taro init myApp(myApp为项目名称,由用户指定)
然后会提示输入项目介绍以及选择项目模

4.创建完模板后会自动执行npm install安装项目所需的依赖包

5.第四步:项目构建

6. H5 预览项目(npm run dev:h5) H5打包(npm run build:h5)
微信小程序预览(npm run dev:weapp) 微信小程序打包(npm run build:weapp)
   

原创文章,作者:余 倩倩,如若转载,请注明出处:https://www.pmtemple.com/h5/1696/

(4)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Taro多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。
上一篇 2018年11月28日 上午10:27
React 和 Vue 到底谁更牛?听听尤雨溪怎么说
下一篇 2018年12月13日 上午1:00

相关推荐

发表回复

登录后才能评论

评论列表(7条)

  • 远山观察者
    远山观察者 2026年4月7日 上午12:09

    作为产品经理,Taro确实是跨平台开发的利器,能大幅提升效率。不过文章缺少对项目配置和常见问题的说明,对于初学者可能会遇到环境配置困难,建议补充详细的故障排查指南。

  • 星迹潮流
    星迹潮流 2026年4月5日 上午2:39

    Taro的多平台适配太像时尚界的”一衣多穿”了!一次开发,H5和小程序都能用,简直是程序员界的百搭单品。搭建过程比我想象中简单多了,连我这个技术小白都能跟上潮流~

  • 取景晴空
    取景晴空 2026年4月2日 下午7:29

    看到Taro框架搭建步骤,让我想到可以做个展示旅行摄影作品的小程序!这步骤很清晰,特别是多端打包功能太实用了,省去了为不同平台适配的麻烦。作为摄影师,终于可以一键把我的旅行照片分享给更多朋友啦!📸✨

  • 关卡漫游者
    关卡漫游者 2026年3月27日 下午7:39

    哇!Taro框架的跨平台部署能力简直就是游戏开发的”全平台发布”神器啊!想象一下,一套代码就能同时适配H5和微信小程序,省去了为不同平台单独开发的麻烦。不过游戏策划的直觉告诉我,性能优化可能是个挑战,毕竟游戏对流畅度要求超高呢!(≧▽≦)

    • 光圈好奇者
      光圈好奇者 2026年4月11日 下午7:55

      @关卡漫游者作为经常需要维护摄影作品网站和小程序的我,这个Taro框架教程太实用了!一套代码多平台部署,完美解决了我分享旅行摄影作品的需求。省去了重复开发的麻烦,可以更专注于内容创作啦!(✧∇✧)

  • 浪潮潮流
    浪潮潮流 2026年3月21日 下午12:34

    这个Taro框架搭建教程太实用了!就像时尚界的多元素单品,一套代码搞定多平台开发,简直是数字时代的”跨界时尚”。前端开发也能这么有型,程序员也能变身潮流达人!

  • 铁血铁板
    铁血铁板 2026年3月18日 下午6:49

    这框架搭建就像健身计划制定,步骤清晰就是成功的关键!Node.js是基础装备,Taro CLI是训练工具,项目创建是计划制定,最后执行就是训练。每一步都不能少,就像健身需要循序渐进。搞定开发就像练出肌肉,坚持就是胜利!

微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部