位置: IT常识 - 正文

将uniAPP项目导入到微信开发者工具中保姆级教程(uniapp怎么引入elementui)

编辑:rootadmin
将uniAPP项目导入到微信开发者工具中保姆级教程 什么是uniAPP?

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

推荐整理分享将uniAPP项目导入到微信开发者工具中保姆级教程(uniapp怎么引入elementui),希望有所帮助,仅作参考,欢迎阅读内容。

将uniAPP项目导入到微信开发者工具中保姆级教程(uniapp怎么引入elementui)

文章相关热门搜索词:uniapp导入css,uniapp传递数据,uniapp导入js,uniapp导入css,uniapp导入js,uniapp导入js,uniapp导入组件,uniapp项目导入乱码nul,内容如对您有帮助,希望把文章链接给更多的朋友!

uni-app官网

uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。

可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。

开始之前,开发者需先下载安装如下工具:HBuilderX:官方IDE下载地址

HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。

我们先将下载好的uniAPP源码导入进去,如下图,点击左上角的文件->导入->从本地目录中导入

微信开发者工具

如果你是第一次使用,还需要下载微信开发者工具 链接如下

微信开发者工具下载地址与更新日志 | 微信开放文档

根据自己的电脑机型选择合适的版本

然后需要到HBuiderX中配置微信开发者工具的位置。

点击上方的工具->运行配置

点击小程序运行配置把微信开发者工具中的安装路径复制上去就OK了。比如我的安装目录是这样子的,复制路径不需要复制.exe的文件路径。

第二步

到微信公众平台:微信公众平台 申请小程序开发注册资格

注册成功后,点击开发管理->开发设置,会看到AppID(小程序ID),而且要生成AppSecret,这样你才能开发小程序,否则只能以测试号的模式开发,有很多不方便之处。

拿到AppID后到HbuiderX你所导入的项目中有个manifest.json的配置文件。如图

点击去右边有个微信小程序配置,把AppId填进去。

然后就可以点击运行了

由于是uniapp的源码,它第一次编译运行可能需要node.js的环境,还需要什么scss的安装插件,HBuiderX会自动帮你下载,如果没有,你需要配置node.js.。简单的说 Node.js 就是运行在服务端的 JavaScript。我们需要node.js中的npm包管理工具来帮我们下载安装依赖。我们知道Spring的依赖是你在pom.xml文件定义,然后maven帮我们自动下载引入jar包到项目中,那么npm的作用就是相当于Java中maven,可以帮我们下载依赖。

第三步 下载node.js的地址: Node.js

由于这个网址在国外 访问速度较慢,所以我把安装包放在网盘里了。

链接:百度网盘 请输入提取码

提取码:n8hc

--来自百度网盘超级会员V3的分享

里面有14、15、16、18的版本,选一个就行了,我的是16版本的,为了避免不同版本冲突,建议你也选择16版本的,下载完成后双击那个.msi文件就可以安装了,它可以自动帮你配置环境变量,安装完成后在命令行窗口(win + R) 输入npm -v看到下图是这个样子就说明安装成功了。

NPM 使用介绍

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

四、接下来再次点击HBuider运行如果它提示还需要编译器,就让它自动下载,直到它可以运行为止。同时你打开微信开发者工具,如果你已经申请小程序开发资格,有app_id那么你可以扫码登录到你的微信开发者工具中

然后点击微信开发者工具中的设置,点击安全,把服务端口打开。

运行成功后,它就会自动打开微信开发者工具,第一次微信开发者工具可能会弹出你是否信任此项目的作者,点击确认然后它就能打开了。

本文链接地址:https://www.jiuchutong.com/zhishi/295873.html 转载请保留说明!

上一篇:vue2中无法监听数组和对象的某些变化问题(vue为什么监听不到对象内部属性)

下一篇:JavaScript基础大总结(javascript零基础)

  • 鸿蒙系统怎么切换新桌面(鸿蒙系统怎么切换语言)

    鸿蒙系统怎么切换新桌面(鸿蒙系统怎么切换语言)

  • vivo怎么把5G调成sa模式(vivo手机怎么调成5g)

    vivo怎么把5G调成sa模式(vivo手机怎么调成5g)

  • 小度如何连接网络(小度如何连接网络机顶盒)

    小度如何连接网络(小度如何连接网络机顶盒)

  • 苹果11放歌听筒滋滋响是怎么回事(苹果11放歌听筒和扬声器一起响,怎么设置)

    苹果11放歌听筒滋滋响是怎么回事(苹果11放歌听筒和扬声器一起响,怎么设置)

  • 微信朋友圈没有屏蔽对方为什么还是看不到(微信朋友圈没有共同好友能看到评论吗)

    微信朋友圈没有屏蔽对方为什么还是看不到(微信朋友圈没有共同好友能看到评论吗)

  • qq情侣空间为什么设置失败(QQ情侣空间为什么看不到历史空间)

    qq情侣空间为什么设置失败(QQ情侣空间为什么看不到历史空间)

  • 荣耀V20怎样设置畅连通话(荣耀v20怎样设置双击亮屏)

    荣耀V20怎样设置畅连通话(荣耀v20怎样设置双击亮屏)

  • switch强制重启(switch强制重启后游戏不见了)

    switch强制重启(switch强制重启后游戏不见了)

  • 手机屏幕黑点会扩散吗(手机屏幕黑点会不会扩大)

    手机屏幕黑点会扩散吗(手机屏幕黑点会不会扩大)

  • 苹果手机有测量尺寸的工具吗(苹果手机有测量血压功能吗)

    苹果手机有测量尺寸的工具吗(苹果手机有测量血压功能吗)

  • 联发科mt6750相当于骁龙多少(联发科mt6750好不好)

    联发科mt6750相当于骁龙多少(联发科mt6750好不好)

  • 滴滴出行快车和出租车的区别(滴滴出行快车和顺风车和专车的区别)

    滴滴出行快车和出租车的区别(滴滴出行快车和顺风车和专车的区别)

  • 苹果8有多长(苹果8有多长有几厘米)

    苹果8有多长(苹果8有多长有几厘米)

  • flash快捷保存键是什么(flash中保存文件的快捷键)

    flash快捷保存键是什么(flash中保存文件的快捷键)

  • 小爱同学怎么改换姓名(小爱同学怎么改密码)

    小爱同学怎么改换姓名(小爱同学怎么改密码)

  • 快手小黄车是什么意思(快手小黄车是什么软件)

    快手小黄车是什么意思(快手小黄车是什么软件)

  • 已删除为什么还3天可见(删了之后为什么还有好友)

    已删除为什么还3天可见(删了之后为什么还有好友)

  • 华为p30和华为荣耀20对比(华为p30和华为荣耀10哪个好)

    华为p30和华为荣耀20对比(华为p30和华为荣耀10哪个好)

  • win10找不到打印机设备(Win10找不到打印机扫描操作该怎么办)

    win10找不到打印机设备(Win10找不到打印机扫描操作该怎么办)

  • 钉钉极速打卡是自动打卡吗(钉钉极速打卡是打开钉钉就打卡吗?)

    钉钉极速打卡是自动打卡吗(钉钉极速打卡是打开钉钉就打卡吗?)

  • 在Linux系统中使用fuser命令来列出进程编号(在linux操作系统中)

    在Linux系统中使用fuser命令来列出进程编号(在linux操作系统中)

  • Python-实战:基于白鲸BWO算法的VMD超参数优化(python基本功)

    Python-实战:基于白鲸BWO算法的VMD超参数优化(python基本功)

  • 原材料的采购成本包括运费吗
  • 消费税征税范围是什么口诀
  • 劳务派遣人员保险由谁缴纳
  • 递延收益为什么是非流动负债
  • 分期付款没有发票吗
  • 资产的企业所得税怎么算
  • 股权变更怎么收费
  • 财务收入支出明细表模板
  • 外贸企业0退税率的账务处理
  • 老板买增票财务怎么做账
  • 公司将固定资产卖出,要交什么税
  • 培训机构开发票的税率是多少钱
  • 技术开发合同免征企业所得税吗
  • 招聘时开具的专用发票可以抵扣吗?
  • 地税纳税人编码是什么
  • 把黑龙江省
  • 质量成本包括哪两个成本
  • 去年盈利今年亏损怎么表达
  • 暂估原材料已领用还红冲吗
  • 维修设备领用材料会计分录怎么写
  • 电子发票怎么打成A4纸一半
  • 技术合同 免税
  • 政府无偿给企业划拨土地是否需摊销
  • 计提本月城市维护建设税,教育费附加500元
  • 企业转让库存股,应按实际收到的金额
  • 研发费中废料收入怎么处理
  • 民间借贷以工资抵押的案例
  • 认缴出资怎么记账
  • 报销怎么打
  • PHP:mb_strtolower()的用法_mbstring函数
  • 如何永久关闭win10系统更新
  • php5.4+mysql
  • aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
  • 收到短期借款会计分录怎么做
  • linux漏洞复现
  • 现行小规模纳税人增值税税率
  • 营改增后不动产发票
  • windows7旗舰版最新版本
  • agsservice是什么进程
  • php stl
  • 金门大桥和马林大桥区别
  • 农产品抵扣进项税额的规定
  • 国税一证通
  • 未税收入怎么做分录
  • 一万字综述怎么写
  • 目标检测yolo
  • php制作的大型网站
  • 支出在记账凭证里怎么填
  • 合同印花税可以年底报一次
  • 物流货物丢失赔偿按照运费10倍
  • 开具红字增值税普通发票
  • 利息收入是一级科目还是
  • 购买花卉
  • 公司购买的公司用车
  • 收到个人所得税手续费返还如何做账
  • 卸车费属于什么费用类别
  • 所得税汇算清缴报告在哪查
  • 供应商质量索赔流程
  • 应付账款的主要风险点
  • 工会经费交纳
  • 员工离职未领工资怎么处置
  • 企业经营情况怎么写版本
  • 差旅费报销属于自制原始凭证吗
  • mysql_info
  • 最新版日历
  • 系统盘如何重装
  • ubuntu 系统卡住
  • windows7脚本编程和命令行指南
  • win10用360卫士好吗
  • 远程电脑屏幕桌面图标什么都没有了
  • 极限竞速中心应用程序
  • 如何解决eclipse非正常关闭重打开编译代码
  • jquery滚动事件
  • 制作网页的三大技术
  • 谈谈我对秦始皇的看法
  • jquery table
  • 建筑工程异地预缴税款时间限制
  • 济宁市税务局官网名称
  • 安置房公摊面积多少属于正常范围
  • 未开票收入下月开票会计分录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设