Taro安装、启动命令、创建项目、修改端口号以及如何在微信开发者工具内运行

本文介绍了如何安装和配置Taro开发工具,通过taroinit命令创建项目,并详细阐述了针对不同平台如微信小程序、支付宝小程序等的开发启动命令。同时,指导了修改端口设置以及在微信开发者工具中预览小程序的过程,为多端应用开发提供了一站式的操作流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 安装Taro开发工具:npm install -g @tarojs/cli (或者yarn global add @tarojs/cli,使用npm可能会有一些报错的信息,建议使用cnpm安装);

2. 使用命令创建模板:taro init myApp

3. 开发启用命令

npm run dev:h5 --------- WEB

npm run dev:weapp --------- 微信小程序

npm run dev:alipay --------- 支付宝小程序

npm run dev:swan --------- 百度小程序

npm run dev:rn --------- ReactNative

4. 安装依赖,如果没成功就手动npm install,然后在命令窗口执行npm run dev:h5, 进入项目的config文件夹内, 打开index.js,找到h5对应的代码:

h5 {

// 加端口

devServer: {

port: 8888,

host: 'localhost'

},

...

}

5. 使用npm run dev:weapp,在项目文件夹内会生成一个dist文件夹,里面存在小程序的内容,此时打开微信开发者工具-导入项目-myApp-dist,然后就可以看到效果了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值