uniapp开发钉钉小程序流程
创始人
2025-01-10 01:09:11
0

下载开发工具

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"属性

配置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

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

相关内容

热门资讯

专业讨论!德扑之星真破解套路(... 专业讨论!德扑之星真破解套路(辅助挂)软件透明挂(有挂了解)-哔哩哔哩;人气非常高,ai更新快且高清...
每日必看!智星德州菠萝外挂检测... 每日必看!智星德州菠萝外挂检测(辅助挂)软件透明挂(有挂教学)-哔哩哔哩1、玩家可以在智星德州菠萝外...
透视透明挂!轰趴十三水有后台(... 轰趴十三水有后台赢率提升策略‌;透视透明挂!轰趴十三水有后台(辅助挂)软件透明挂(有挂详情)-哔哩哔...
发现玩家!德扑ai助手软件(辅... 发现玩家!德扑ai助手软件(辅助挂)透视辅助(有挂教学)-哔哩哔哩;玩家在德扑ai助手软件中需先进行...
一分钟了解!x-poker辅助... 一分钟了解!x-poker辅助软件(辅助挂)辅助透视(有挂攻略)-哔哩哔哩1、每一步都需要思考,不同...
一分钟揭秘!德州最新辅助器(辅... 一分钟揭秘!德州最新辅助器(辅助挂)透视辅助(有挂攻略)-哔哩哔哩;德州最新辅助器最新版本免费下载安...
玩家攻略推荐!德州辅助(辅助挂... 玩家攻略推荐!德州辅助(辅助挂)辅助透视(有挂了解)-哔哩哔哩是由北京得德州辅助黑科技有限公司精心研...
揭秘真相!pokernow德州... 《揭秘真相!pokernow德州(辅助挂)辅助透视(有挂介绍)-哔哩哔哩》 pokernow德州软件...
五分钟了解!德州之星辅助器(辅... 五分钟了解!德州之星辅助器(辅助挂)辅助透视(有挂透明)-哔哩哔哩1、很好的工具软件,可以解锁游戏的...
推荐一款!pokermaste... 1、推荐一款!pokermaster有外挂(辅助挂)透视辅助(有挂教学)-哔哩哔哩;详细教程。2、p...