位置: 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零基础)

  • 电热水龙头原理什么品牌好质量好又安全

    电热水龙头原理什么品牌好质量好又安全

  • 3大锦囊计,让移动营销更加高效!(锦囊妙计里的三个妙计是什么)

    3大锦囊计,让移动营销更加高效!(锦囊妙计里的三个妙计是什么)

  • 酷狗音乐歌词背景图片怎么换(酷狗音乐歌词背景怎么设置)

    酷狗音乐歌词背景图片怎么换(酷狗音乐歌词背景怎么设置)

  • 苹果怎么快速熄灭屏幕(苹果怎么快速关屏)

    苹果怎么快速熄灭屏幕(苹果怎么快速关屏)

  • 苹果手机一直显示耳机模式怎么办(苹果手机一直显示3小时后再试)

    苹果手机一直显示耳机模式怎么办(苹果手机一直显示3小时后再试)

  • 不安全的加密算法有哪几种(不安全的加密算密接吗)

    不安全的加密算法有哪几种(不安全的加密算密接吗)

  • 微信同步是什么意思(微信同步有什么用处)

    微信同步是什么意思(微信同步有什么用处)

  • 华为手机外音突然小怎么办(华为手机外音突然很小)

    华为手机外音突然小怎么办(华为手机外音突然很小)

  • 微信第三次还能解封吗(微信第三次限制登录需要几天恢复)

    微信第三次还能解封吗(微信第三次限制登录需要几天恢复)

  • 苹果ipad2代哪年出的(苹果平板2代ipad2哪年出的)

    苹果ipad2代哪年出的(苹果平板2代ipad2哪年出的)

  • 手机为啥打开短信会自动退出(手机为啥打开短信收不到)

    手机为啥打开短信会自动退出(手机为啥打开短信收不到)

  • 为什么ps安装不了(为什么ps安装不了字体)

    为什么ps安装不了(为什么ps安装不了字体)

  • 笔记本反应慢怎么解决(笔记本反应慢怎么回事)

    笔记本反应慢怎么解决(笔记本反应慢怎么回事)

  • ml4lte是什么版本手机(ml4lte现在价多少钱)

    ml4lte是什么版本手机(ml4lte现在价多少钱)

  • 苹果平板充电线通用吗(苹果平板充电线都是一样的吗)

    苹果平板充电线通用吗(苹果平板充电线都是一样的吗)

  • 华为watch gt2怎么查看日常活动(华为watch gt2怎么添加跳绳)

    华为watch gt2怎么查看日常活动(华为watch gt2怎么添加跳绳)

  • 抖音怎么让更多人看到你的作品(抖音怎么让更多人看见自己发的视频)

    抖音怎么让更多人看到你的作品(抖音怎么让更多人看见自己发的视频)

  • 知乎怎么匿名发文章(知乎怎么匿名发布帖子)

    知乎怎么匿名发文章(知乎怎么匿名发布帖子)

  • ipad排线松了怎么拍打(ipadmini排线松了)

    ipad排线松了怎么拍打(ipadmini排线松了)

  • 打印机怎么扫描身份证(打印机怎么扫描电子版文件)

    打印机怎么扫描身份证(打印机怎么扫描电子版文件)

  • airpods2充电时灯亮吗(airpods2充电时灯一直闪)

    airpods2充电时灯亮吗(airpods2充电时灯一直闪)

  • dcs控制域什么意思(什么叫dcs 控制模式)

    dcs控制域什么意思(什么叫dcs 控制模式)

  • 快手怎么点红心(快手怎么点红心为什么有的能点好几个)

    快手怎么点红心(快手怎么点红心为什么有的能点好几个)

  • qq如何找回以前的好友(qq如何找回以前删除的好友)

    qq如何找回以前的好友(qq如何找回以前删除的好友)

  • hp5820怎么清洗打印头(hp5820怎么清洗喷头)

    hp5820怎么清洗打印头(hp5820怎么清洗喷头)

  • 小规模纳税人合理避税
  • 个人所得税如何计算
  • 外贸企业账务处理及报税
  • 公积金贷款购房后可以提取公积金吗
  • 收到政府补助的固定资产的账务处理
  • 电子发票可以认证几次
  • 注册资本印花税计入哪个科目
  • 房屋租赁补充协议怎么写才有效
  • 北京市取暖标准
  • 销售不动产预收款纳税义务发生时间
  • 退休职工的医疗保险怎么发放
  • 计入成本的费用包括
  • 应交税费的明细账怎么手工登记
  • 什么情况下需要承担法律责任
  • word如何修改正文字体
  • php判断为空的方法有哪些
  • thinkphp5控制器
  • mac压盘
  • PHP:session_start()的用法_Session函数
  • 金融资产减值损失计入什么科目
  • myfastupdate.exe - myfastupdate是什么进程文件 有什么用
  • php img
  • 会计凭证包括哪几种凭证
  • 商业汇票计入什么科目技能高考
  • Laravel中七个非常有用但很少人知道的Carbon方法
  • uniapp 信息推送
  • multipartfile 多文件上传
  • 企业破产时的退出机制
  • 小公司不交社保违法吗
  • 井冈山游击队的口号
  • phpsql查询
  • 感知机算法python
  • chat gpt 国内版免费手机
  • 哈士奇新手礼包
  • ntpd命令
  • 房产税缴纳时间点
  • 收残疾人就业保险合法吗
  • 假发票如何举报
  • 未形成无形资产计入当期损益的
  • 收回已转销的应收账款是什么意思
  • 个体工商户开税户
  • python 多线程处理
  • 企业预收账款缴纳个税吗
  • mysql中事务的作用
  • ie8 ie8i
  • 担保公司代偿会上征信嘛
  • 税控盘使用费
  • 一般纳税人的账务处理分录
  • jdbc连接sqlserver2012
  • 个人工资薪金如何零申报
  • 凭证类别的种类及限制条件
  • 应交税费科目的核算内容
  • 租赁存在的原因有哪些
  • 暂估入库发票差异调整
  • 广告费收入如何填写增值税申报表
  • 车船税怎么计账
  • 收到加盟费怎么开票入账
  • 五险一金会计科目分录
  • 未达到起征点的税金怎么做凭证
  • 收到融资租赁发票要交印花税吗
  • 开红字发票后再开蓝字发票如何入账
  • 通过SQL绘制杨辉三角的实现方法介绍
  • sql server错误和使用情况报告
  • mysql5.7最新版
  • Windows Server 2003系统进程中NETWORK SERVICE相关知识详解
  • windows7如何获得正版
  • macOS 10.12 Beta 7更新了什么 macOS 10.12 Beta7更新内容汇总
  • win7共享在哪
  • xp系统怎么隐藏文件
  • 批处理命令实例
  • js鼠标移入事件
  • cmd下copy命令
  • linux进程监控方法
  • Unity小贴士 导出资源文件和简单加密方式
  • 基于mvc设计模型的框架
  • 划拨土地转让需要交什么税
  • 地方税收包含哪些
  • 河南省地税局副局长
  • 河南省地税税务局官网
  • 销售折让怎么开票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设