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

  • oppo手机闪充模式如何开启(oppo手机闪充模式怎么开启)

    oppo手机闪充模式如何开启(oppo手机闪充模式怎么开启)

  • 三星s10有遥控功能吗(三星s10 遥控)

    三星s10有遥控功能吗(三星s10 遥控)

  • 不能下载的视频怎么保存(如何下载不能下载的视频)

    不能下载的视频怎么保存(如何下载不能下载的视频)

  • vivo手机能登3个微信吗(vivo手机登3个微信)

    vivo手机能登3个微信吗(vivo手机登3个微信)

  • 为什么买火车票显示暂停发售(为什么买火车票身份信息核验未通过)

    为什么买火车票显示暂停发售(为什么买火车票身份信息核验未通过)

  • 电脑待机黑屏按什么键恢复(电脑待机黑屏按什么键恢复亮屏设置)

    电脑待机黑屏按什么键恢复(电脑待机黑屏按什么键恢复亮屏设置)

  • 日历图标不显示当天日期(日历图标不显示当天日期华为nova)

    日历图标不显示当天日期(日历图标不显示当天日期华为nova)

  • 什么软件能让模糊的照片变清晰(什么软件能让模糊的照片变清晰免费)

    什么软件能让模糊的照片变清晰(什么软件能让模糊的照片变清晰免费)

  • 移动硬盘坏了数据可以恢复吗(移动硬盘坏了数据可以导出来吗)

    移动硬盘坏了数据可以恢复吗(移动硬盘坏了数据可以导出来吗)

  • 网络协议的组成要素有(网络协议的组成要素)

    网络协议的组成要素有(网络协议的组成要素)

  • 怎么看显示屏多少寸(怎么看显示屏多少针)

    怎么看显示屏多少寸(怎么看显示屏多少针)

  • 微信视频响两声对方忙(微信视频响两声显示对方忙线中)

    微信视频响两声对方忙(微信视频响两声显示对方忙线中)

  • 小米8内置收音机吗(小米内置收音机apk提取)

    小米8内置收音机吗(小米内置收音机apk提取)

  • 手机qq离线是什么意思(手机qq离线是真的不在线吗)

    手机qq离线是什么意思(手机qq离线是真的不在线吗)

  • 苹果序列号开头含义(苹果序列号开头是H)

    苹果序列号开头含义(苹果序列号开头是H)

  • 手机可以改银行卡密码吗(手机可以改银行密码吗)

    手机可以改银行卡密码吗(手机可以改银行密码吗)

  • 苹果x快门声音怎么关掉(苹果x快门声音设置)

    苹果x快门声音怎么关掉(苹果x快门声音设置)

  • 拼多多月卡每月都扣费吗(拼多多月卡每月使用试用机会)

    拼多多月卡每月都扣费吗(拼多多月卡每月使用试用机会)

  • 苹果手机购买项目在哪扣钱(苹果手机购买项目怎么删除记录)

    苹果手机购买项目在哪扣钱(苹果手机购买项目怎么删除记录)

  • 抖音捡钱视频怎么拍(抖音嫌钱短视频)

    抖音捡钱视频怎么拍(抖音嫌钱短视频)

  • 苹果vue怎么用自己的歌(vue对接苹果cms)

    苹果vue怎么用自己的歌(vue对接苹果cms)

  • 小米6如何设置指纹支付(小米6如何设置老人模式)

    小米6如何设置指纹支付(小米6如何设置老人模式)

  • 知乎怎么改名字 知乎改名字要多长时间(知乎如何更改名字)

    知乎怎么改名字 知乎改名字要多长时间(知乎如何更改名字)

  • python中XML删除元素(python numpy 删除元素)

    python中XML删除元素(python numpy 删除元素)

  • 个人以房产投资企业需要过户吗
  • 继续教育报名发什么文件
  • 小规模纳税人实收资本
  • 企业专家咨询费标准
  • 固定资产改造超过原值多少需要转固
  • 小规模印花税计税金额是什么
  • 开票地址开错有什么后果
  • 成本类科目有哪些口诀
  • 公司办理个人所得税退税
  • 小规模免税农产品怎么做账
  • 应征进口关税的公式
  • 国有企业出租房屋管理规定
  • 技术服务费可以计入研发费用吗
  • 增值税发票是否含税
  • 简易计税借方余额
  • 水资源税计入会计科目
  • 应付未付的款项怎么写凭证
  • 跨年发票如何入账小企业会计准
  • 农民工预储金怎么开户
  • 基金投资了能随时取出吗
  • 审计资产评估收费标准
  • 什么是研发投入和成本
  • 个人财产税是什么意思
  • 投资者减除费用30000
  • 贴息费率
  • 去年的记账凭证错了怎么办
  • nod32kui.exe - nod32kui是什么进程 作用是什么
  • 纯净版 win10
  • ubuntu16.04lts
  • 虚拟存储器什么意思
  • 小规模纳税人结转免交增值税
  • fssm32.exe是什么进程 有什么作用 fssm32进程查询
  • 董事会会费应计什么科目
  • php函数名
  • thinkphp import
  • thinkphp i方法
  • cookie与session的作用和原理
  • vue中的路由参数如何获取
  • vgdisplay命令无效
  • python如何导入excel
  • 房地产企业建筑成本
  • 什么是资产减值准备计提
  • 销售自用的小汽车赚钱吗
  • 什么叫做关税完税证明呢
  • 个体经营所得可以用投资人申报吗
  • 老板天天吸烟
  • 冲红怎么做会计科目
  • mysql日志文件在哪里
  • 企业资本包括
  • 销售成本是付现成本吗
  • 上个月没有清卡在其他地区税务
  • 费用票必须是公司发票吗
  • 差旅费跨年报销违反什么规定
  • 公司为职工承担社保费用
  • 对公账户发票和普通发票不一样吗
  • 单位卖车怎么做账
  • 哪些合同必须签订书面合同
  • 应付账款多怎么办
  • 销售返利是否需要交税
  • 幼儿园报税的基础是什么
  • 企业发生亏损时,下列各项,( )是弥补亏损的渠道
  • 工业企业如何建立税务风险预警体系工作表
  • win2000 xp
  • windows vista可以换7吗
  • ubuntu16.04开启远程桌面
  • windows7怎么说
  • win10系统怎么管理开机启动项
  • lnmgr.exe是什么
  • Win10系统安装步骤
  • main报错
  • 如何用bat删除指定文件
  • jquery 列表实现
  • android错误报告
  • 安卓 触摸屏
  • 河北电子税务局新版登录
  • 大连个体营业执照怎么办
  • 贵州省税务网上缴费平台
  • 企业对税务局建议
  • 下载安徽税务app并安装
  • 收到的短信内容是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设