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

  • windows10激活密钥(windows10激活密钥可以重复使用吗)

    windows10激活密钥(windows10激活密钥可以重复使用吗)

  • 爱奇艺随刻版真的免费吗(爱奇艺随刻版真的假的)

    爱奇艺随刻版真的免费吗(爱奇艺随刻版真的假的)

  • 拼多多的多多养鱼场在哪里(拼多多多多养花有哪些花)

    拼多多的多多养鱼场在哪里(拼多多多多养花有哪些花)

  • 抖音粑粑是什么情况(抖音耙耙是什么意思)

    抖音粑粑是什么情况(抖音耙耙是什么意思)

  • evr-al00是华为什么型号手机(evr-al00是华为什么型号手机4g)

    evr-al00是华为什么型号手机(evr-al00是华为什么型号手机4g)

  • 荣耀x10性能(荣耀X10性能)

    荣耀x10性能(荣耀X10性能)

  • 打印机加完墨打不出来字(打印机加完墨打印不了是怎么回事)

    打印机加完墨打不出来字(打印机加完墨打印不了是怎么回事)

  • 苹果8p屏幕多少赫兹(苹果8p屏幕多少尼特)

    苹果8p屏幕多少赫兹(苹果8p屏幕多少尼特)

  • 手机进水竖纹会自动消失吗(手机进水竖条纹)

    手机进水竖纹会自动消失吗(手机进水竖条纹)

  • 腾讯视频怎么不能接着继续播放了(腾讯视频怎么不让别人登录)

    腾讯视频怎么不能接着继续播放了(腾讯视频怎么不让别人登录)

  • xltd是什么文件

    xltd是什么文件

  • cpu风扇插哪个接口(cpu风扇应该插那个接口)

    cpu风扇插哪个接口(cpu风扇应该插那个接口)

  • 支付宝收款打折怎么取消(支付宝收款打折怎么设置)

    支付宝收款打折怎么取消(支付宝收款打折怎么设置)

  • lldal00是什么型号(lyaal00是什么型号)

    lldal00是什么型号(lyaal00是什么型号)

  • 苹果app购买项目什么意思(苹果app购买项目怎么付费)

    苹果app购买项目什么意思(苹果app购买项目怎么付费)

  • word中怎么画横线(word中怎么画横线像信纸一样)

    word中怎么画横线(word中怎么画横线像信纸一样)

  • 手机怎样禁止他人qq号登录(手机怎么禁止)

    手机怎样禁止他人qq号登录(手机怎么禁止)

  • iphone查看热点谁连接(苹果热点怎么看谁用)

    iphone查看热点谁连接(苹果热点怎么看谁用)

  • 国家助学金什么时候发(国家助学金什么时候发放2023上半年)

    国家助学金什么时候发(国家助学金什么时候发放2023上半年)

  • 陌陌可以通过手机号加好友吗(陌陌可以通过手机号添加吗)

    陌陌可以通过手机号加好友吗(陌陌可以通过手机号添加吗)

  • 计算机的主机包括(计算机的主机包括cpu和什么)

    计算机的主机包括(计算机的主机包括cpu和什么)

  • win10查看激活时间(win10查看激活剩余时间)

    win10查看激活时间(win10查看激活剩余时间)

  • sai2笔刷怎么导入(sai2笔刷怎么导入abr笔刷)

    sai2笔刷怎么导入(sai2笔刷怎么导入abr笔刷)

  • Honeybee flying over crocuses in the Tatra Mountains, Poland (© Mirek Kijewski/Getty Images)

    Honeybee flying over crocuses in the Tatra Mountains, Poland (© Mirek Kijewski/Getty Images)

  • 普通发票税率1%要交税吗
  • 土地增值税会计核算
  • 出口企业税负率计算公式
  • 一般纳税人租赁费税率5%是简易征收吗?
  • 销售费用和管理费用和财务费用
  • 新会计准则土地使用权摊销处理
  • 核定征收企业有哪些
  • 汇票贴现的账务处理
  • 注销地税需要缴纳什么税费
  • 企业所得税跨期费用的相关规定
  • 拆迁补偿款使用范围
  • 房屋租赁发票需要备注吗
  • 本月计错多发的工资可以不交个税
  • 企业如何处理劳方与资方的关系
  • 单张发票不超过1万
  • 代缴社保工资怎么做账
  • 有质量问题的产品案例
  • 以前季度所得税表怎么作废
  • 非营利组织怎么申请
  • 装修公司购装修材料入什么科目?
  • 小规模纳税人收到专票后如何处理
  • 公司客户招待费用标准
  • win7网络无连接
  • Linux系统复制粘贴
  • 逆流交易合并报表调整少数损益
  • 企业所得税的罚款比例
  • 企业预缴电费会退回吗
  • 电子商票到期后多少天有效?
  • 个人所得税扣缴申报啥意思
  • 前端获取post请求返回数据
  • 生产型企业出口退税会计分录
  • 罚款收入营业外收入还是其他应收款
  • macOS Big Sur 11.1正式版更新了什么?macOS Big Sur 11.1正式版更新
  • 结转所得税费用到本年利润的会计分录
  • linux的网络编程
  • laravel中的session有效期
  • php生成条形码的代码
  • 个体工商户需要报哪些税
  • 日落之前是什么时辰
  • 创建javascript函数
  • 写一个php访问数据库并读取数据的脚本
  • 只有进项税没有销项
  • 微信小程序开发平台
  • 待摊费用在资产负债表中怎么表示
  • python中如何读取列表中的指定
  • 现金流量表的编制方法和计算公式
  • 收到退回的企业所得税分录
  • 出口企业为什么免税又退税
  • 认证已过期请重新登录
  • 工程项目该如何分类
  • access数据库如何
  • mysql语句性能优化
  • 事业单位以资产为准吗
  • 融资租赁缴纳什么税
  • 企业固定资产没有加速折旧还填资产加速折旧表吗
  • 研发产品入库
  • 如何发放银行贷款利息
  • 固定资产房屋拆除后如何做帐务处理
  • 生产成本福利费如何分摊
  • 筹建期开办费明细
  • 如何填报自然人缴税系统
  • 会议中发生的相关事件
  • 在MySQL中使用STRAIGHT_JOIN的教程
  • windows微软官方
  • ubuntu rhythmbox乱码解决方法
  • win7系统如何修复引导
  • linux系统评测
  • 简单 粗暴
  • python中列表常用方法
  • node.js中用什么方法处理get、post请求的参数
  • JQuery.validationEngine表单验证插件(推荐)
  • Node.js中的construct构造函数
  • 玩转cmd命令
  • 防止shell脚本重复执行
  • jquery控制台输出
  • javascript面向对象编程指南第三版
  • 湖南国家电子税务局手机版
  • 国家税务局的单位性质是什么
  • 什么是契税发票?
  • 上海各区财政收入排名
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设