Uni-app 初体验

最新推荐文章于 2024-10-09 10:13:02 发布
最新推荐文章于 2024-10-09 10:13:02 发布
阅读量415 收藏
点赞数
文章标签： vue.js javascript sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanzx666/article/details/105773266
版权

在这里插入图片描述

创建项目

vue create -p dcloudio/uni-preset-vue my-project

选择默认模板 uni-app
在这里插入图片描述
cd 进入我们项目里面
在这里插入图片描述

启动项目（微信小程序）

	npm run dev:mp-weixin

在这里插入图片描述
运行成功

导入微信小程序里面

在这里插入图片描述
项目路径： E:\Project\wx-dd\my-project\dist\dev\mp-weixin 对应的dist dev 里面
在这里插入图片描述
导入
看到这个就成功了
在这里插入图片描述

wanzx666
关注
【第二趴】uni-app开发工具（手把手带你安装HBuilderX、搭建第一个多端项目初体验）
官方推荐
11-08 4万+
聚沙成塔——每天进步一点点，大家好我是几何心凉，不难发现越来越多的前端招聘JD中都加入了uni-app 这一项，它也已经成为前端开发者不可或缺的一项技能了，所以凉哥为大家推出聚沙成塔【45天玩转uni-app】专栏，帮助大家对 uni-app 进行学习和理解，uni-app可以通过一套代码多端发行，相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花，妥妥加分项；快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧！
【第三趴】uni-app页面搭建与路由配置（了解工程目录结构、学会搭建页面、配置路由并成功运行）
热门推荐
官方推荐
11-14 3万+
了解 uni-app 工程目录结构、学会搭建页面、配置页面并成功运行
模仿dcloudio/uni-preset-vue 自定义基于uni-app的小程序框架
liubangbo的专栏
08-26 3778
通过download-git-repo 库去下载远程模板，下载的模板放在一个临时文件夹中。局部安装vue-cli 然后在node-module/@vue/cli目录下添加log 即可。vue create -p dcloudio/uni-preset-vue my-project 这样使用。1. vue create -p dcloudio/uni-preset-vue my-project 流程。这个功能是通过vue-cli create 命令， -p 参数实现的，下面我们先分析一下整个流程。....
uni-app cli 开发微信小程序 自动化编译，启动项目
盏茶作酒的博客
05-19 1404
最近开发一个uni-app的小程序项目，因为习惯使用vscode 而项目不得不借助hbuderx 运行，微信开发工具调试，偶尔还需要使用 ios模拟器， 8g内存的mac 就变的异常卡顿，所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用，顺便 记录下从需求到完善功能的过程，以及遇到的问题，解决的方案。编译成功了，项目根目录下出现了一个dist 文件夹， 显然这是个编译过后的微信小程序项目代码。尝试gitee 直接下载模版， 得到这样一个文件结构的项目。
uniapp项目 vue create -p dcloudio/uni-preset-vue my-project下载失败
前端的路上
12-03 4098
1. 利用github下载：https://github.com/dcloudio/uni-preset-vue 2、执行命令(原理就是直接使用本地的项目模板,正常情况下是拉去线上模板) // 现在需要执行的命令 vue create -p 你下载好文件的路径 myproject // 我的命令示例 vue create -p E:\uni-preset-vue-master uniapp 复制// 正常情况下的命令(拉取线上资源) vue create -p dcloudio/uni-pre.
2020-11-17
wanzx666的博客
11-17 328
狂胜说java 练习下载文件 public class downServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { ServletContext servletContext = this.getServletContext();
使用语法
wanzx666的博客
04-25 470
hha
uni-APP项目开发
06-14
《uni-APP项目开发：移动开发工具的深度解析》 在当今数字化时代，移动应用开发已经成为企业拓展...无论你是初入开发的新手，还是经验丰富的老手，uni-APP都能为你提供高效的开发工具和平台，助力你的项目快速落地。
uni-app初体验及打包成apk
qq_41210698的博客
04-23 2649
首先用HBuilderX新建建一个uni-app项目 新建一个目录ucenter,该目录下新建两个vue文件ucenter.vue和setting.vue ucenter.vue <template> <view class="container"> <text>{{ name }}的个人中心</text> ...
uni-app开发微信小程序初体验以及项目目录结构理解
qq_25346499的博客
10-30 899
一、uni-app是什么 uni-app是一个基于Vue的全平台开发框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 uni-app官网 二、uni-app初体验 初始化一个uni-app的方法有两种， 1.使用HBuilderX的图形界面 2.使用vue-cli vue create -p dcloudio/uni-preset-vue my-project 需要先安装@vue/cli 运行时的
微信小程序-map地图标签的初级使用， 拥有图标，气泡，地图本身无法缩放移动需要点击跳转第三方地图平台
wanzx666的博客
06-03 4472
效果展示 内置地图map 主要属性设置- 看代码 <map :latitude="allPositionDate.company.latitude" :longitude="allPositionDate.company.longitude" :markers="markers" class='mapv' :enable-scroll="false" :enable-zoom="false" @tap="jumpMap(allPositionDate.company.lati
uni-app微信小程序绑定自定义属性-下标index
wanzx666的博客
05-14 4659
<view class="changWork" v-for="(item, index) in messageInfo" :key="index" @touchstart="touchS" @touchend="touchE" @touchmove="touchM" :data-index="index"> 加上data-index 属性 即可 然后在元数据e下面的 e.currentTarget.dataset.index;即可拿到数据 ...
js中 forEach()循环的理解
wanzx666的博客
05-15 744
首先得明白forEach方法的作用？他是用来干什么的 forEach() 方法对数组的每个元素执行一次提供的函数。 他不仅可以遍历 然且何以每一次遍历都会对每一个元素进行一次处理 let arr = [1, 2, 3, 4, 5] //定义一个数组 let sum = 0 arr.forEach((item, index, array) => { console.log(item) console.log(arr[index])
uni-app 入坑指南
weixin_30367169的博客
04-24 291
uni-app 入坑指南 hello 小伙伴们，现在我已经正式入坑uni-app了。uni-app已经发布大概八个月了，期间也是踩坑无数，但是官方秉承着不抛弃不放弃的精神，积极解决开发者的各种简单的、复杂的问题，在此表示感谢。 我想还有小伙伴正在持观望状态，还没想好要不要使用uni-app，而且近些日子以来，许多跨端框架也纷纷出现在了大家的视线当中，让迷茫的我们更加不知道如何对...
使用vuecli3创建uniapp遇到的问题(涉及到了浏览器访问不了githup)
weixin_44834097的博客
08-18 3628
vue create -p dcloudio/uni-preset-vue my-project ( 运行没反应后报错,我就去百度各种问题。看到有人说好像创建这个项目需要访问到githup，具体原因我也不知道。我就急着测试githup能不能登录上去，后来发现电脑上的所有浏览器都访问不了githup，我就去找怎么解决 。) 我自己跑通的githup如下操作: https://github.com.ipaddress.com/ ( 找到 IP Address 然后 cmd 进入命令窗口 ping IP 看是否
table标签表格带圆弧
wanzx666的博客
07-08 322
html <view class="kd_info"> <table> <tr> <td class="kd_name">顺丰快递</td> <td class="kd_tel">95338</td> <td class="kd_name">顺丰快递</td> <td class="kd_tel">95338</td>
如何把uniapp的vue小程序项目跑起来
徐代龙的技术专栏
07-19 6319
新人学习，熟人请绕过。 当我们把项目clone下来后，我们可以尝试着多点一些一级目录文件。 如下图： 一般来说src会是代码文件，剩下的一些大概率就是项目配置文件了。 上图项目是用uniapp新建的项目，但是由于对前端的不太熟悉，可能早已忘了如何install 一个vue项目了，这时候我们可以看到有一个package.json点进去发现有一个script脚本，里面详细记录着启动何种小程序。 这时候我们只想启动一个H5版的小程序，我们可以看到有"serve": "npm run dev:h5", so，我
腾讯IM SDK：TUIKit发送多张图片
最新发布
q1003675852的博客
10-09 414
本文记录腾讯IM SDK：TUIKit发送多张图片的实现方法
【Vue】a-radio-group单选框数字与字符串回显问题
叶为正的博客
10-08 279
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
uni-app和uni-app x的区别
02-23
uni-app是一款基于Vue.js开发的跨平台应用框架，它可以使用一套代码同时构建运行在多个平台（包括iOS、Android、H5等）的应用...总之，uni-app x是对uni-app的升级和改进，旨在提供更好的开发体验和更高效的应用性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值