当前位置: 首页 > article >正文

Taro创建微信小程序项目 第一步搭建项目

1.node:

2.第一步: 安装taro

npm install -g @tarojs/cli

3.创建文件夹wxxcx, 创建demos的文件夹的项目(demos项目名称)

taro init demos

 出现以下信息:可以根据自己的需求选择

出现安装项目依赖失败不要紧

4.进入demos文件夹下,执行

npm install

 5.执行npm run dev:weapp

6.package.json

将dev:weapp改成以下

    "dev:weapp": "set NODE_ENV=production && taro build --type weapp --watch", 

再去执行 npm run dev:weapp 就成功了。

此时文件结构中就会出现 dist的文件夹

二、在微信开发者工具中

1.安装微信开发者工具

2.打开开发者工具,选择+ 

 3.目录选择刚才咱们创建的dist文件夹; appId也要填写,选择不使用服务, 最后点击创建

4.进入到项目 会提示 信任的话 ,选择信任运行

直接运行就行

 可以看出页面已经显示了内容;

下期继续期待


http://www.kler.cn/a/613874.html

相关文章:

  • 掌握!Postman 设置 Bearer Token 的完整指南
  • 3d pose 指标和数据集
  • 【tips】微信小程序wxs 注意
  • WHAT - 程序员英语之美式发音学习系列(五)
  • 【华三】华三模拟器HCL防火墙、AC和交换机的Web登入
  • 06-SpringBoot3入门-常见注解(简介)
  • 基于HTML5和CSS3实现3D旋转相册效果
  • 力扣hot100二刷——动态规划
  • uni-app踩坑记录【图片先压缩再上传】
  • Oracle 数据库同步至 GaussDB问题及解决方案
  • uv:现代 Python 项目管理的高效助手
  • 简单介绍一下Unity中的ScriptableObject
  • Rust从入门到精通之入门篇:4.变量与数据类型
  • JS—异步编程:3分钟掌握异步编程
  • OCR 识别案例
  • Leetcode 四数之和
  • 区块链知识点知识点3
  • RAG优化:python从零实现[吃一堑长一智]循环反馈Feedback
  • 加快推进智慧水务发展,实现水务系统安全、高效运行
  • 阿里云邮件推送服务