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

  • 网站推广优化,利用网站目录推广网站的技巧(网站推广优化怎么做最好)

    网站推广优化,利用网站目录推广网站的技巧(网站推广优化怎么做最好)

  • 拼多多怎么退货(拼多多怎么退货寄回去步骤)

    拼多多怎么退货(拼多多怎么退货寄回去步骤)

  • 给别人微信解封对自己有什么影响(给别人微信解封怎么解)

    给别人微信解封对自己有什么影响(给别人微信解封怎么解)

  • 苹果手机微信抖音没有声音(苹果手机微信抖音都没有声音怎么弄)

    苹果手机微信抖音没有声音(苹果手机微信抖音都没有声音怎么弄)

  • 微信删除账单怎么关闭人脸识别(微信删除账单怎么恢复人脸识别)

    微信删除账单怎么关闭人脸识别(微信删除账单怎么恢复人脸识别)

  • 唯品会换货是免费的吗(唯品会换货需要运费吗)

    唯品会换货是免费的吗(唯品会换货需要运费吗)

  • win7触摸板不能用(win7触摸屏无法触摸)

    win7触摸板不能用(win7触摸屏无法触摸)

  • 华为手电筒能调亮度么(华为手电筒能调节亮度吗怎么调)

    华为手电筒能调亮度么(华为手电筒能调节亮度吗怎么调)

  • 路由器可以直接插网线吗(路由器可以直接拔掉电源吗)

    路由器可以直接插网线吗(路由器可以直接拔掉电源吗)

  • 8p和8的区别在哪里(8p跟8)

    8p和8的区别在哪里(8p跟8)

  • ie缓存异常怎么修复(ie缓存异常怎么修复穿越火线)

    ie缓存异常怎么修复(ie缓存异常怎么修复穿越火线)

  • 咕咕机怎么连接不上蓝牙(咕咕机怎么连接电脑)

    咕咕机怎么连接不上蓝牙(咕咕机怎么连接电脑)

  • hd是什么牌子(sdnihd是什么牌子)

    hd是什么牌子(sdnihd是什么牌子)

  • 计算机中主要用于算数和逻辑运算的部件是(计算机主要用来做什么)

    计算机中主要用于算数和逻辑运算的部件是(计算机主要用来做什么)

  • 骁龙675是什么水平(骁龙675性能如何)

    骁龙675是什么水平(骁龙675性能如何)

  • hd显卡是独立显卡吗(hd的显卡)

    hd显卡是独立显卡吗(hd的显卡)

  • 怎么恢复微信验证消息(微信验证消息不小心删除怎么恢复)

    怎么恢复微信验证消息(微信验证消息不小心删除怎么恢复)

  • 占位符可以删除吗(占位符可以输入文本吗)

    占位符可以删除吗(占位符可以输入文本吗)

  • 乐视手机怎么导入号码(乐视手机怎么导出照片到另一个手机)

    乐视手机怎么导入号码(乐视手机怎么导出照片到另一个手机)

  • 苹果11pro超广角怎么用(苹果11pro超广角怎么打开)

    苹果11pro超广角怎么用(苹果11pro超广角怎么打开)

  • 快手恢复移除的粉丝(删除的快手怎么找回来,内容不变)

    快手恢复移除的粉丝(删除的快手怎么找回来,内容不变)

  • iphone11pro运行内存(iphone11 11pro运行内存)

    iphone11pro运行内存(iphone11 11pro运行内存)

  • mq8f2ch a是苹果几代(mq8h2zp/a是苹果几)

    mq8f2ch a是苹果几代(mq8h2zp/a是苹果几)

  • 华为p30怎么分辨真假(华为p30分辨率)

    华为p30怎么分辨真假(华为p30分辨率)

  • 怎么办(怎么办理手机卡)

    怎么办(怎么办理手机卡)

  • log信息采集什么意思(log信息采集是什么)

    log信息采集什么意思(log信息采集是什么)

  • 申报未抄税
  • 小型微利企业税率2023
  • 收入费用表本期盈余和资产负债表本期盈余
  • 无票收入也需要开票吗
  • 合营企业和联营企业的持股比例
  • 年终奖计入工伤赔偿
  • 管理费用怎么结转成本
  • 公司给的出差津贴
  • 购置房屋
  • 长期股权投资成本法转权益法追溯调整
  • 分公司如何缴纳企业所得税
  • 增值税留抵怎么填申报表
  • 融资租赁首付款支付给供应商
  • 资产的名义已使用年限与实际已使用年限的区别与联系
  • 成本法和权益法大白话
  • 长期借款费用资本化
  • 账务不符怎么写
  • 会计所得税和税法所得税
  • 待摊费用和长期待摊费用的区别
  • 公益性捐赠增值税申报表怎么填
  • 加油可以吗
  • uniapp intent
  • 预交税款分录
  • 公司账户存款
  • 委托银行收款属于什么科目
  • PHP:pg_lo_seek()的用法_PostgreSQL函数
  • 蜻蜓翅膀特写怎么画
  • 做电脑配件的公司
  • 私营独资企业交个税怎么交
  • 职工福利费包括奖金吗
  • 间接人工费用预算工时分配率将提高10%
  • 除湿器属于固定资产什么类别
  • php操作步骤
  • 帝国cms怎么加自己的名字
  • Using Visual Leak Detector
  • 2021年食用油税率
  • 税控盘全额抵扣发票怎么勾选
  • 什么是附加税举个例子
  • 不动产固定资产的进项税抵扣新规定
  • 现金流量表怎么填写
  • mysql金额用什么数据类型
  • 固定资产中的动产和不动产
  • 增值税征收类型
  • 装修公司财务报表图片
  • 一般纳税人购买原材料会计分录
  • 税局代开的专票能作废或红冲吗?
  • 开具红字发票抵扣后如何退税?
  • 资金周转率计算公式
  • 预付账款的账务处理过程
  • 在产品占用资金属于资产还是负债
  • 股东分派现金股利怎么算
  • 原始凭证按什么分
  • 会计结账一般都是谁做
  • 成本结转怎么结转
  • 补交增值税如何入账
  • 实收资本未到账减资要交税吗
  • 累计折旧减少记哪方
  • 会计核算和监督两项基本会计职能是相辅相成
  • 什么是盈亏平衡法
  • SQLServer中SELECT语句的执行顺序
  • Linux(Ubuntu)下mysql5.7.17安装配置方法图文教程
  • 任务管理器已被管理员禁用怎么办
  • ubuntu kylin 14.04下载 ubuntu优麒麟14.04 lts下载地址
  • 重装win7系统后鼠标键盘不能用
  • win7如何设置多用户
  • win8 metro启动界面
  • Windows下的写字板功能是
  • android4.4w
  • Linux shell实现HTTP服务示例代码
  • 关闭iebrowser
  • unity游戏项目开发教程
  • 怎么利用python爬虫爬数据
  • jq 判断元素是否存在
  • 重庆电子税务局网页版登录
  • 加油的电子发票在手机哪里
  • 基层税务局长工作职责
  • 云南国税局官网网站
  • 财税招商专员是做什么的
  • 双公开双反馈什么意思
  • 省国税局领导由谁任命
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设