uniapp学习01--简单搭建uniapp项目

最新推荐文章于 2024-07-24 14:35:43 发布
最新推荐文章于 2024-07-24 14:35:43 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： # Uniapp 文章标签： 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37600506/article/details/121058189
版权

uniapp是使用Vue.js开发的跨多个平台应用前端框架，可发布到IOS、Android、Web(响应式)、以及各种小程序、快应用等。本文使用HBuilderX简单搭建一个uniapp项目

1、如果你的电脑还未下载HBuilderX,需要先下载

2、打开HBuilderX,点击工具栏里的文件-》新建-》项目-》选择uniapp-》输入工程名（如：test）,点击创建即可
在这里插入图片描述
3、.项目目录
在这里插入图片描述
4、可在pages文件中创建响应的页面并在pages.json进行页面路由的配置，配置后进行运行：点击工具栏里的运行，可以选择你想运行的地方（浏览器，内置浏览器、微信开发者工具等），我这边选择运行到内置浏览器
在这里插入图片描述

w-somebody
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp-plugin-collections：uni-app项目插件功能集合https：//github.comxiaowang1314uniapp-plugin-collections
02-06
《uniapp-plugin-collections：uni-app项目的插件宝藏库》 uni-app，作为一个跨平台的开发框架，允许开发者使用一套代码实现多端部署，包括H5、iOS、Android等。而"uniapp-plugin-collections"则是一个专为uni-app...
基于HBuilder+uniapp+u-view框架实现的简单项目
02-22
【标题】基于HBuilder+uniapp+u-view框架实现的简单项目 在移动应用开发领域，使用跨平台框架可以大大提高开发效率，降低维护成本。HBuilder、uniapp和u-view框架的结合，正是为了实现这样的目标。这个项目是基于这...
前端转uniapp的学习-----uniapp的环境搭建并创建项目
zzz1780340的博客
07-24 188
1.进入官网，点击下载按钮直接点击按钮是一个压缩包，解压之后将.exe快捷放到桌面即可。非常简单进入官网之后，根据自己的电脑型号、需求下载相应的版本，下载好之后点击安装，n布下一本即可。就这样就安装好了。
[巨详细]使用HBuilder-X启动uniapp项目教程
肥晨开发的学习之路
06-18 967
欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。点击运行–》运行到浏览器–》任意选择浏览器。其他的情况下可以选择合适的命令行。
Uniapp开发--项目搭建
m0_50638313的博客
06-23 215
简介：Uniapp项目搭建。
uniapp---搜索页面的布局搭建及功能完成
前端卷王小白的博客
04-21 1357
uniapp,vue,css布局,html,搜索页的功能
uniapp学习-登录/注册页面搭建
2301_76589851的博客
06-20 670
input class="uni-input" v-model="password" password type="text" placeholder="请输入密码" />
uniapp 使用 z-paging组件
regretTAT的博客
02-23 838
自定义上拉加载样式和下拉加载样式。基本使用外还有其他多样性操作。
vue-cli创建uniapp项目
m0_59541982的博客
12-13 235
vue-cli快速创建uniapp项目，解决创建后运行失败的问题
Uniapp vue-cli 项目创建
pengpengxiaobai的博客
02-21 1308
Prettier 是一款强大的代码格式化工具，支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言，基本上前端能用到的文件格式它都可以搞定，是当下最流行的代码格式化工具。打开vscode设置，搜索associations，添加manifest.json和pages.json关联到jsonc。tabWidth：tab是空格的情况下，是几个空格，选择2个；，比如对象类型的最后一个属性后面是否加一个，；
uniapp 用 vue-cli 脚手架搭建项目模板
颜良文丑的博客
06-05 1438
<font color="#8dc63f">uniapp</font>脚手架生成<font color="#0081ff" size="3">vue</font>项目框架流程
小程序开发：通过vue-cli 搭建 uniapp -----小程序项目
weixin_44684357的博客
01-05 2613
要求安装vue-cli3以上的版本 2.9.6 初始化项目是用 vue init webpack my-project 3.0以上 初始化项目是用 vue create my-project 3.0以下 npm install -g vue-cli@版本号 3.0以上 npm install -g @vue/cli@版本号 步骤： 创建脚手架：npm install -g @vue/cli；若失败就安装：npm i -g @vue/cli@^3.12.1 创建项目：vue create -p
uniapp 电商项目模版--mix-mall.zip
11-01
【标题】"uniapp 电商项目模版--mix-mall.zip" 提供的是一个基于uniapp框架构建的电商项目模板，名为"mix-mall"。这个模板为开发者提供了一个快速搭建电商平台的基础架构，包含了必要的页面、组件和功能，旨在简化...
uniapp-抓娃娃-营销工具
08-11
总的来说，uniapp-抓娃娃-营销工具项目结合了uniapp的技术优势和抓娃娃游戏的趣味性，为商家提供了一种有效的互动营销解决方案。通过合理的设计和开发，这样的应用能够有效吸引用户，增强品牌影响力，并可能带来实际...
uniapp-cli:自用uniapp模板，vue-cli创建版本
04-09
【uniapp-cli】是基于Vue.js的前端框架uni-app的命令行工具，它提供了一种快速搭建项目模板的方式，尤其适合跨平台应用开发。通过uniapp-cli，开发者可以利用vue-cli来创建uni-app项目，从而简化项目的初始化过程，...
JavaScript进阶：探索模块化、ES6+与前端框架
WayneYalejk的博客
07-19 581
随着Web技术的快速发展，JavaScript也在不断演进。ES6（ECMAScript 2015）及更高版本的发布为JavaScript带来了许多新特性和改进，使得JavaScript更加强大和易用。同时，模块化编程和前端框架的兴起也极大地推动了前端开发的现代化进程。本文将带您深入探索JavaScript的进阶话题，包括模块化、ES6+新特性以及前端框架的应用。
pi_heif-0.17.0-pp310-pypy310_pp73-macosx_12_0_x86_64.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
mmexport1722080103662.jpg
07-27
mmexport1722080103662.jpg
uniapp 使用 uview-plus
04-06
Uniapp 是一款基于 Vue.js 的跨平台开发框架，可以用于开发 iOS、Android 和 H5 等多个平台的应用程序。而 uView 是一款基于 Vue.js 的 UI 框架，提供了丰富的组件和功能，可以快速搭建高质量的应用程序。 uView-plus 是在 uView 基础上扩展的一款 UI 框架，提供了更多的组件和功能，可以满足更多的开发需求。使用 uView-plus 可以快速搭建出高质量、美观、易用的应用程序。 在 Uniapp 中使用 uView-plus 也非常简单，只需要在项目中引入 uView-plus 的相关文件，然后就可以直接使用其中的组件和功能了。可以通过 npm 安装 uView-plus，也可以直接下载源代码使用。 总之，使用 uView-plus 可以大大提高开发效率，快速搭建出高质量的应用程序，是 Uniapp 开发的不错选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值