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

vite + vue3 + uniapp 项目从零搭建

vite + vue3 + uniapp 项目从零搭建

  • 1、创建项目
      • 1.1、创建Vue3/vite版Uniapp项目
      • 1.2、安装依赖
      • 1.3、运行项目
  • 2、弹出 用户隐私保护提示 方法
      • 2.1、更新用户隐私保护指引 和 修改配置文件
      • 2.2、授权结果处理方法
  • 3、修改`App.vue`文件内容
  • 4、处理报`[plugin:uni:mp-using-component] Unexpected token B in JSON at position 27`错问题
  • 5、安装css预处理器sass

1、创建项目

uniapp官网

1.1、创建Vue3/vite版Uniapp项目

npx degit dcloudio/uni-preset-vue#vite my-vue3-project	// my-vue3-project 为项目名称

如命令行创建失败,请直接访问Gitee下载模板

1.2、安装依赖

  • 创建项目成功后运行npm install安装依赖

1.3、运行项目

  • 1、通过Vscode打开项目后终端中,运行npm run dev:mp-weixin
  • 2、然后通过微信开发者工具打开项目,项目目录为\dist\dev\mp-weixin

2、弹出 用户隐私保护提示 方法

2.1、更新用户隐私保护指引 和 修改配置文件

  • 1、在微信公众平台->设置->基本设置->服务内容声明->用户隐私保护指引 中更新用户隐私内容。
  • 2、在manifest.json文件mp-weixin节点中添加一下代码:
"__usePrivacyCheck__": true,"libVersion": "latest",
  • 3、在项目index.vue中添加一下代码:
<template></template><script setup>
import { onLoad } from "@dcloudio/uni-app";onLoad(() => {// 获取用户隐私保护提示wx.getPrivacySetting({success: async (res) => {
http://www.lryc.cn/news/405271.html

相关文章:

  • 在CentOS中配置三个节点之间相互SSH免密登陆
  • arm 内联汇编基础
  • Java语言程序设计——篇五(1)
  • 【香橙派开发板测试】:在黑科技Orange Pi AIpro部署YOLOv8深度学习纤维分割检测模型
  • 集成学习在数学建模中的应用
  • WebKit 的 Web SQL 数据库:现代浏览器的本地存储解决方案
  • Yolo-World网络模型结构及原理分析(三)——RepVL-PAN
  • 代码随想录——一和零(Leetcode474)
  • 力扣题解(组合总和IV)
  • Postgresql主键自增的方法
  • 【源码阅读】Sony的go breaker熔断器源码探究
  • LeetCode题(66,69,35,88)--《c++》
  • 来参与“向日葵杯”全国教育仿真技术大赛~
  • SQL每日一题:删除重复电子邮箱
  • 3、宠物商店智能合约实战(truffle智能合约项目实战)
  • 数据库系列
  • 极狐GitLab如何启用和配置PlantUML?
  • Shell 构建flutter + Android 生成Apk
  • 如何用手机压缩视频?手机压缩视频方法来了
  • Linux下如何安装配置Elastic Stack日志收集系统
  • 【深入C++】map和set的使用
  • 跟代码执行流程,读Megatron源码(二)训练入口pretrain_gpt.py
  • MATLAB练习题——矩阵(2)
  • arm、AArch64、x86、amd64、x86_64 的区别
  • 【SpringBoot】 jasypt配置文件密码加解密
  • 复杂网络的任意子节点的网络最短距离
  • (Qt) 文件读写基础
  • 全产业布局对穿戴甲品牌连锁店的意义
  • git的一些使用技巧(git fetch 和 git pull的区别,git merge 和 git rebase的区别)
  • 展厅中控系统有哪些优势呢