vite + vue3 + uniapp 项目从零搭建

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: 

相关推荐

  1. vite + vue3 + uniapp 项目

    2024-07-19 06:58:03       23 阅读
  2. 开始:UniApp 项目指南

    2024-07-19 06:58:03       35 阅读
  3. webpack开始vue项目

    2024-07-19 06:58:03       85 阅读
  4. xxl-job(一) :单体项目多模块项目

    2024-07-19 06:58:03       31 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-19 06:58:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-19 06:58:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-19 06:58:03       58 阅读
  4. Python语言-面向对象

    2024-07-19 06:58:03       69 阅读

热门阅读

  1. React中Hooks几个有用的 ref

    2024-07-19 06:58:03       19 阅读
  2. Android RecyclerView实现Item单条滑动,一屏滑动

    2024-07-19 06:58:03       17 阅读
  3. crc、ecc、 uboot和 boot的原理分析及详解

    2024-07-19 06:58:03       23 阅读
  4. React Hook 总结(React 萌新升级打怪中...)

    2024-07-19 06:58:03       21 阅读
  5. linux路由基础知识(一)

    2024-07-19 06:58:03       16 阅读
  6. Activiti7+ SpringBoot+SpringMVC 开发

    2024-07-19 06:58:03       19 阅读
  7. AWS backup服务和 RDS snapshot的关系

    2024-07-19 06:58:03       22 阅读
  8. 低代码前端框架Amis全面教程

    2024-07-19 06:58:03       17 阅读
  9. git-各种场景-撤销指令

    2024-07-19 06:58:03       19 阅读