uniapp开发钉钉小程序流程

下载开发工具

1、小程序开发工具

登录钉钉开发平台,根据自己的需求下载合适的版本,我这里下载的是Windows (64位)版本

小程序开发工具 - 钉钉开放平台

2、HBuilder X 

HBuilderX-高效极客技巧

新建项目及相关配置

新建项目

在HBuilder X中新建一个uniapp项目,使用默认模板,Vue版本根据自己的需求选择

配置小程序开发工具路径

在项目根目录下新建package.json配置文件,用来启动钉钉小程序开发者工具

{"uni-app": {"scripts": {"mp-dingtalk": {"title": "钉钉小程序","env": {"UNI_PLATFORM": "mp-alipay"},"define": {"MP-DINGTALK": true}}}}
}

按上面配置好后就能看到运行-钉钉小程序了

运行好后会自动启动小程序开发工具,有时也会启动失败,需要手动打开。如果是第一次打开小程序开发工具,需要自己选择项目(根目录下-unpackage-dist-dev-mp-alipay),如果不是首次打开直接选择历史项目即可,等待编译完成。

钉钉小程序创建及配置

打开钉钉开放平台,用自己的账号选择组织登录钉钉小程序后台

钉钉开放平台

创建小程序

创建好小程序后回到小程序开发者工具,关联小程序

引入uView组件

安装依赖

npm install uview-ui@2.0.31

在main.js中,引入并使用uView的JS库,注意这两行放在 import Vue 之后

import uView from "uview-ui";
Vue.use(uView);

在项目根目录的uni.scss中引入此文件

@import 'uview-ui/theme.scss';

在App.vue样式首行的位置引入,注意给style标签加入lang="scss"属性

<style lang="scss">/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */@import "uview-ui/index.scss";
</style>

配置easycom组件模式,在pages.json设置

{"easycom": {"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"},   // 此为本身已有的内容"pages": [// ......]
}

 如果出现scss方面的报错,可以重新安装下sass

// 安装sass
npm i sass -D// 安装sass-loader,注意需要版本10,否则可能会导致vue与sass的兼容问题而报错
npm i sass-loader@10 -D

这世界很喧嚣,做你自己就好

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/45778.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Llama - Prompting

本文翻译整理自&#xff1a;Prompting https://llama.meta.com/docs/how-to-guides/prompting/ 文章目录 制作有效的提示明确说明风格化格式化限制 提示使用 Zero- and Few-Shot 学习Zero-Shot PromptingFew-Shot Prompting 基于角色的提示思维链技术Self-Consistency检索-增强…

单臂路由组网实验,单臂路由的定义、适用情况、作用

一、定义 单臂路由是指通过在路由器的一个接口上配置许多子接口,从而实现原来相互隔离的不同VLAN之间的互通。 子接口:把路由器上的实际的物理接口划分为多个逻辑上的接口,这些被划分的逻辑接口就是子接口。 二、适用情况 用在没有三层交换机,却要实现不同VLAN之间的互…

Github07-16 Python开源项目日报 Top10

根据Github Trendings的统计,今日(2024-07-16统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目10C++项目1AutoGPT: 人工智能革命的先锋 创建周期:486 天开发语言:Python协议类型:MIT LicenseStar数量:164105 个Fork数量:435…

axios 下载大文件时,展示下载进度的组件封装——js技能提升

之前面试的时候&#xff0c;有遇到一个问题&#xff1a;就是下载大文件的时候&#xff0c;如何得知下载进度&#xff0c;当时的回复是没有处理过。。。 现在想到了。axios中本身就有一个下载进度的方法&#xff0c;可以直接拿来使用。 下面记录一下处理步骤&#xff1a; 参考…

深度学习 | CNN 基本原理

目录 1 什么是 CNN2 输入层3 卷积层3.1 卷积操作3.2 Padding 零填充3.3 处理彩色图像 4 池化层4.1 池化操作4.2 池化的平移不变性 5 全连接层6 输出层 前言 这篇博客不够详细&#xff0c;因为没有介绍卷积操作的具体计算&#xff1b;但是它介绍了 CNN 各层次的功能…

golang AST语法树解析

1. 源码示例 package mainimport ("context" )// Foo 结构体 type Foo struct {i int }// Bar 接口 type Bar interface {Do(ctx context.Context) error }// main方法 func main() {a : 1 }2. Golang中的AST golang官方提供的几个包&#xff0c;可以帮助我们进行A…

[杂谈] 关于 Mac 电脑使用 Logitech 鼠标导致 Vscode 侧键无法进行代码前进、回退的问题

我个人使用的是一台 14 寸的 Mac_Apple_M1&#xff0c;外接键盘显示器罗技的 MX Master 3 for Mac 的鼠标。 之前一直使用的 GoLand 开发&#xff0c;查看代码时进行代码跳转就很方便&#xff0c;滚轮键 进入函数方法&#xff0c;鼠标侧键进行前进、后退。看代码完全可以右手单…

【大模型入门】LLM-AI大模型介绍

大语言模型 (LLM) 背景 &#x1f379;大语言模型 (Large Language Model) 是一种人工智能模型, 它们通常包含数千亿甚至更多的参数&#xff0c;并在大规模数据集上进行训练。大语言模型可以处理多种自然语言任务&#xff0c;如文本分类、问答、翻译、对话等等。 自然语言模型…

qt explicit 啥意思

explicit 在 Qt 和 C 中是一个关键字&#xff0c;主要用于修饰类的构造函数。其含义和用法可以归纳为以下几点&#xff1a; 意义&#xff1a; explicit 英文直译为“明确的”、“显式的”。在 C 中&#xff0c;当一个构造函数只接受一个参数时&#xff0c;它可能会被编译器用于…

【Nail it】ROS1 ROS2 通信(ros2/ros1_bridge)

情况说明&#xff1a;目标是实现ros2容器和ros1主机的通信&#xff0c;可以起一个ros1容器作为桥梁&#xff08;若是在一个主机同时包含ros1&ros2&#xff0c;配置更加方便&#xff09;. 1.起一个 noetic 的容器 docker run -it --network host --name my_bridge ros:noe…

Java中的成员内部类

Java中的成员内部类&#xff08;也称为非静态内部类&#xff09;是定义在另一个类&#xff08;外部类&#xff09;内部的类。 这种内部类与它的外部类之间有着紧密的联系&#xff0c;主要体现在几个方面&#xff1a;它可以访问外部类的所有成员&#xff08;包括私有成员&#…

C++小白Python选手2小时入门C++

学习链接&#xff1a;C入门/2小时从C到C快速入门&#xff08;2018&#xff0c;C教程&#xff09; C在C语言的基础上增加了面向对象和通用算法语言特征。 C头文件不必是.h结尾&#xff0c;C头文件举例&#xff1a;cmath、cstdio注释&#xff1a;单行//、多行/**/为了防止名字冲…

MQ基础1

对应B站视频&#xff1a; MQ入门-01.MQ课程介绍_哔哩哔哩_bilibili 微服务一旦拆分&#xff0c;必然涉及到服务之间的相互调用&#xff0c;目前我们服务之间调用采用的都是基于OpenFeign的调用。这种调用中&#xff0c;调用者发起请求后需要等待服务提供者执行业务返回结果后…

【JavaScript脚本宇宙】强大的自然语言处理:六款JavaScript库详解

从语义到实体&#xff1a;深入了解JavaScript自然语言处理库 前言 随着人工智能和自然语言处理技术的飞速发展&#xff0c;JavaScript在这一领域也有了越来越多的应用。本文将介绍几个优秀的JavaScript库&#xff0c;它们专注于处理英语文本&#xff0c;并提供了丰富的功能和…

求立方体面积体积以及判断(c++)

代码&#xff1a; #include<iostream> using namespace std;class Cube { public:void setL(int l){m_L l;}int getL(){return m_L;}void setW(int w){m_W w;}int getW(){return m_W;}void setH(int h){m_H h;}int getH(){return m_H;}int calculateS(){return 2 * (…

netdata 监控软件安装与学习

netdata官网 netdata操作文档 前言&#xff1a; netdata是一款监控软件&#xff0c;可以监控多台主机也可以监控单台主机&#xff0c;监控单台主机时&#xff0c;开箱即用&#xff0c;web ui很棒。 环境&#xff1a; [root192 ~]# cat /etc/system-release CentOS Linux rel…

彻底清理Conda环境:使用conda remove命令的终极指南

彻底清理Conda环境&#xff1a;使用conda remove命令的终极指南 在Conda环境中&#xff0c;随着时间的推移&#xff0c;可能会积累大量不再需要的包和它们的依赖项。这不仅会占用宝贵的磁盘空间&#xff0c;还可能影响环境的性能。conda remove命令是Conda提供的一个强大工具&…

GD32F407VET6新建固件库工程并下载运行

零、所需文件及环境&#xff1a; 1、固件库的压缩包 GD32F4xx_Firmware_Library_V3.2.0.7z 官网 2、GD32F407的keil支持包 官网 兆易创新GigaDevice-资料下载兆易创新GD32 MCU 2、 keilkilll.bat 用来删除编译过程文件 可以不要 &#xff08;原子、野火资料里都有&…

LeetCode热题100(JavaScript)

哈希 两数之和 暴力解法 /*** param {number[]} nums* param {number} target* return {number[]}*/ var twoSum function(nums, target) {for(let i 0;i<nums.length;i){let x1 nums[i]for(let j 0 ; j<nums.length;j){if(i!j){let x2 nums[j]if(x1x2target){ret…

算法金 | 来了,pandas 2.0

大侠幸会&#xff0c;在下全网同名「算法金」 0 基础转 AI 上岸&#xff0c;多个算法赛 Top 「日更万日&#xff0c;让更多人享受智能乐趣」 今日 210/10000 Pandas 是一个强大的数据分析库&#xff0c;广泛应用于科学研究、金融分析、商业智能等领域。它提供了高效的数据结构…