用taro转化成的小程序代码在哪个编辑器看

用taro转化成的小程序代码在哪个编辑器看,第1张

1 我用taro开发小程序都是用的vscode,编译出来的代码都在dist目录下(可以更改)。

2 小程序开发者工具用来预览,在里边也可以查看代码小程序(这个代码就是taro转化的小程序代码)。

taro-cli

安装好 NPM 或 Yarn 后,就可以全局安装 Taro 开发工具 @tarojs/cli 了。

如果你是使用 NPM 安装,使用如下命令:

$ npm install -g @tarojs/cli

taro -V 打印版本号

taro init myapp 创建模板项目

微信小程序编译预览及打包:

# npm script

$ npm run dev:weapp

$ npm run build:weapp

# 仅限全局安装

$ taro build --type weapp --watch

$ taro build --type weapp

# npx 用户也可以使用

$ npx taro build --type weapp --watch

$ npx taro build --type weapp

百度小程序编译预览及打包:

# npm script

$ npm run dev:swan

$ npm run build:swan

# 仅限全局安装

$ taro build --type swan --watch

$ taro build --type swan

# npx 用户也可以使用

$ npx taro build --type swan --watch

$ npx taro build --type swan

支付宝小程序编译预览及打包:

# npm script

$ npm run dev:alipay

$ npm run build:alipay

# 仅限全局安装

$ taro build --type alipay --watch

$ taro build --type alipay

# npx 用户也可以使用

$ npx taro build --type alipay --watch

$ npx taro build --type alipay

H5 编译预览及打包:

# npm script

$ npm run dev:h5

# 仅限全局安装

$ taro build --type h5 --watch

# npx 用户也可以使用

$ npx taro build --type h5 --watch

React Native

React Native 端运行需执行如下命令,React Native 端相关的运行说明请参见 React Native 教程。

# npm script

$ npm run dev:rn

# 仅限全局安装

$ taro build --type rn --watch

# npx 用户也可以使用

$ npx taro build --type rn --watch

更新 Taro

Taro 提供了更新命令来更新 CLI 工具自身和项目中 Taro 相关的依赖。

更新 taro-cli 工具:

# taro

$ taro update self

# npm

npm i -g @tarojs/cli@latest

# yarn

yarn global add @tarojs/cli@latest

更新项目中 Taro 相关的依赖,这个需要在你的项目下执行。

$ taro update project

Taro v305

官方文档是这样的目录结构:

实际目录结构:

引起的错误:

解决办法:

讲 indexts 修改未 indexjs

第一次看到Taro是在github搜索React插件时看到(个人习惯,有时候会去搜索一个语言的插件在GitHub再按照Star排名,看看各个插件功能,后期开发时用到这功能有个印象),感觉挺好的插件,以后开发小程序和快应用应该用的到,因为它直接使用react可以开发多端,相比于去看各个厂家小程序开发文档,使用Taro几乎没有学习成本。

这次使用它开发一个简单的网页 南瓜棋 ,小时候玩的一个游戏,逻辑还是比较简单的,主要是去了解下Taro优缺点,以后开发公司简单小程序、快应用等做好准备,主要是了解他的局限性。

具体看文档,我简单说下感受,我的前端水平:简单的HTML、CSS了解复杂的网页不会(动画啥的还得看文档),React-Native水平应该还是不错,主流的React-Native框架都会搭建,开发,原生调试,编写没问题,ES6没问题。React看了2周吧,入门。这个Taro,直接写按照文档走,没出现问题。

七分设计感的纯React-Native项目Mung

一个完整小巧的Redux全家桶项目

react-native拖拽排序

多功能React-Native-Toast组件

以上就是关于用taro转化成的小程序代码在哪个编辑器看全部的内容,包括:用taro转化成的小程序代码在哪个编辑器看、taro 打包命令详细使用教程、Taro 微信小程序云开发云函数上传并部署错误的解决办法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10113139.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存