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

  • 淘宝红包签到自动扣款怎么取消(淘宝红包签到自动扣款怎么回事)

    淘宝红包签到自动扣款怎么取消(淘宝红包签到自动扣款怎么回事)

  • 50多秒视频怎么发朋友圈(50多秒视频怎么发微信给朋友)

    50多秒视频怎么发朋友圈(50多秒视频怎么发微信给朋友)

  • 苹果11抖音相册权限如何打开(苹果抖音相册权限被禁用怎么设置回来)

    苹果11抖音相册权限如何打开(苹果抖音相册权限被禁用怎么设置回来)

  • 怎么让表格跨页不分开(怎么让表格跨页加表头)

    怎么让表格跨页不分开(怎么让表格跨页加表头)

  • 扣扣视频怎么关闭麦克风(扣扣视频怎么关闭自己的摄像头)

    扣扣视频怎么关闭麦克风(扣扣视频怎么关闭自己的摄像头)

  • 拼多多销量多久清一次(拼多多销量多久清零)

    拼多多销量多久清一次(拼多多销量多久清零)

  • 手机系统是什么(手机系统指什么)

    手机系统是什么(手机系统指什么)

  • 离线请留言是隐身吗(离线请留言是隐身吗头像灰色)

    离线请留言是隐身吗(离线请留言是隐身吗头像灰色)

  • 硬盘驱动器属于外部设备吗(硬盘驱动器属于外存正确吗)

    硬盘驱动器属于外部设备吗(硬盘驱动器属于外存正确吗)

  • ipad无法登录苹果账号(ipad上无法登陆apple id)

    ipad无法登录苹果账号(ipad上无法登陆apple id)

  • 手机突然卡死了关机也关不了怎么回事(手机卡死关不了机)

    手机突然卡死了关机也关不了怎么回事(手机卡死关不了机)

  • 修改宝贝库存会降权吗(修改宝贝库存会有影响吗)

    修改宝贝库存会降权吗(修改宝贝库存会有影响吗)

  • ppt图片环绕方式怎么设置(PPT图片环绕方式怎么设置)

    ppt图片环绕方式怎么设置(PPT图片环绕方式怎么设置)

  • 机箱上的sata线接哪里(机箱自带sata的线怎么插)

    机箱上的sata线接哪里(机箱自带sata的线怎么插)

  • ps用什么显卡(PS用什么显卡)

    ps用什么显卡(PS用什么显卡)

  • word怎么一页显示两页(word怎么一页显示四张)

    word怎么一页显示两页(word怎么一页显示四张)

  • 闪电盒子怎么解除绑定(闪电盒子自刷教程)

    闪电盒子怎么解除绑定(闪电盒子自刷教程)

  • 小米9运行内存6g和8g的区别(小米9运行内存怎么看)

    小米9运行内存6g和8g的区别(小米9运行内存怎么看)

  • 换卡不换手机能定位吗(手机换卡不换号可以吗)

    换卡不换手机能定位吗(手机换卡不换号可以吗)

  • principle是什么软件(principle软件介绍)

    principle是什么软件(principle软件介绍)

  • 苹果手机来电话平板也响怎么取消(苹果手机来电话怎么拒绝接听)

    苹果手机来电话平板也响怎么取消(苹果手机来电话怎么拒绝接听)

  • 表格首行锁定(如何使表格首行锁定)

    表格首行锁定(如何使表格首行锁定)

  • 红轴黑轴茶轴青轴区别(红轴茶轴黑轴青轴的区别)

    红轴黑轴茶轴青轴区别(红轴茶轴黑轴青轴的区别)

  • 将MS-DOS 6.22装入U盘和硬盘的方法(ms-dos安装)

    将MS-DOS 6.22装入U盘和硬盘的方法(ms-dos安装)

  • css选择器的使用规范(css选择器怎么用)

    css选择器的使用规范(css选择器怎么用)

  • 注册资本印花税减半征收政策
  • 房产税税源信息采集错误已到申报期怎么办
  • 无票收入小规模怎么报增值税
  • 金税四期对企业和个人的影响
  • 个税预扣预缴扣除项目有哪些
  • 增值税交多少怎么查询
  • 成本结算怎么处理?
  • 所得税申报表营业成本填什么数据
  • 商业用房出租税率是多少
  • 蔬菜专用发票在哪里开
  • 公司取现需要带什么东西
  • 火车票抵扣进项税怎么计算
  • 个体户自有厂房怎么申请
  • 原材料亏损率怎么算
  • 企业期货投资收益税务案例
  • 自营方式建造固定资产增值税
  • 关于补充养老保险
  • 定额发票什么时候失效
  • 互联网税务行动计划五大板块
  • 企业取得免税收入怎么算
  • 外币账户和外汇账户一样吗?
  • 增资后工商怎么变更
  • 以旧换新计税依据
  • 固定资产入账的方式
  • 鸿蒙系统如何截屏
  • mac上如何切换apple id
  • 苹果macbookpro分辨率是多少
  • 非货币性资产是无形资产吗
  • php网页爬虫
  • 中秋节给员工购物文案
  • 受限制用户怎么解决
  • PHP:curl_file_create()的用法_cURL函数
  • PHP:oci_field_scale()的用法_Oracle函数
  • win10电源高性能被删了
  • 加勒比海百科
  • 房地产企业购地印花税如何入账
  • 施工企业间接费占比
  • 激光器原理及应用
  • docker部署架构图
  • 个人所得税银行卡未实名认证是什么意思
  • sql有数据保护功能
  • 厂房办公用品费用怎么算
  • 大巴车怎么坐车
  • access怎么提取数据
  • win7系统安装教程不用u盘
  • 党组织工作经费税前扣除
  • mysql "too many connections" 错误 之 mysql解决方法
  • 城建税退税流程
  • 如何结转完工入库的产品成本
  • 现金流量表季度期初现金余额怎么填
  • 借贷记账法的记账依据是什么
  • 合同资产计提减值准备的依据
  • 工程材料票占工程款的比例
  • 可供出售金融资产属于什么科目
  • 一般纳税人购进税控设备如何抵扣
  • 如何从财务报表中分析企业偿债能力
  • 生产成本增加记哪边
  • mysql5.7.21安装
  • windows无法删除软件怎么办
  • fedora系统怎么安装
  • RedHat 9.0下Apache+PHP+MySQL服务器安装配置
  • crossfire.exe是什么
  • windows8关机在哪里
  • 省去911元 教你如何将Win10家庭版改造成专业版
  • pavsrv50.exe - pavsrv50进程管理信息
  • win7自带软件在哪里
  • win10怎么把系统盘迁移到另一块盘
  • bat for do
  • bootstrap快速入门
  • linux批量修改文件时间
  • javascript html5移动端轻松实现文件上传
  • Unity3D中Enabled、Destroy与Active的区别
  • 使用简单工厂模式的好处
  • 在文件中偏移量为
  • 如何使用jquery
  • 江西省电子信息职业学院
  • 未清卡会锁死吗?
  • 税务稽查强制措施
  • 东营为什么没有疫情
  • 小微企业所得税5%优惠政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设