vite + vue3 + uniapp 项目从零搭建

vite + vue3 + uniapp 项目从零搭建

• 1、创建项目
• • • 1.1、创建Vue3/vite版Uniapp项目
    • 1.2、安装依赖
    • 1.3、运行项目
• 2、弹出 用户隐私保护提示 方法
• • • 2.1、更新用户隐私保护指引 和 修改配置文件
    • 2.2、授权结果处理方法
• 3、修改`App.vue`文件内容

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: