【uni-app】—3.新建一个uni-app项目

这篇具有很好参考价值的文章主要介绍了【uni-app】—3.新建一个uni-app项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、新建uni-app项目

1. 打开HBuilder X

【uni-app】—3.新建一个uni-app项目,移动端,uni-app

2. 新建项目

【uni-app】—3.新建一个uni-app项目,移动端,uni-app

3. 配置项目信息

【uni-app】—3.新建一个uni-app项目,移动端,uni-app

4. 安装Sass 插件 (因为项目需要)

【uni-app】—3.新建一个uni-app项目,移动端,uni-app
【uni-app】—3.新建一个uni-app项目,移动端,uni-app
【uni-app】—3.新建一个uni-app项目,移动端,uni-app
【uni-app】—3.新建一个uni-app项目,移动端,uni-app
这里需要登录,自行用邮箱注册登录,再下载安装插件,安装完成如下
【uni-app】—3.新建一个uni-app项目,移动端,uni-app

二、项目目录扩展

1. 初始化项目目录

【uni-app】—3.新建一个uni-app项目,移动端,uni-app

2. 扩展后项目目录

【uni-app】—3.新建一个uni-app项目,移动端,uni-app文章来源地址https://www.toymoban.com/news/detail-708585.html

  1. api 用来封装数据接口
  2. common 用来存放js、css等
  3. components 用来存放公共可复用的vue组件
  4. config 用来存放数据配置文件
  5. mock 用来 存放模拟数据
  6. pages 用来存放页面
  7. static 存放静态资源文件
  8. APP.vue 项目主应用文件
  9. index.html 项目主页面文件
  10. main.js 入口文件
  11. manifest.json 配置多端文件
  12. pages.json 页面路由
  13. uni.promisify.adaptor.js 文件是用来将uniapp的异步API转换为Promise的适配器
  14. uni.scss uni-app内置的常用样式变量

到了这里,关于【uni-app】—3.新建一个uni-app项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app 从0 到 1 制作一个项目,收藏等于学会

    uni-app 是使用 vue.js 开发的所有前端应用框架,开发者编写的一套代码,可以发布到 ios、android、web ,以及各种小程序平台。 一、创建uni-app 1、hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目,在点击工具栏里的文件 - 新建 - 项目: 选择uni-app类型,输入工程名,

    2024年02月07日
    浏览(42)
  • 创建一个uni-app项目并运行再浏览器及微信小程序

    第一步: 打开HBuilder X 点击文件列表 新建 项目 第二步: 如图所示(根据项目所需要的进行选择) 第三步: 创建完成之后项目文件的(介绍以及作用) 第四步: 如何将uni-app项目运行到不同的浏览器,我在这里运行的是微信小程序 (1) 点击运行可以查看到项目的多种运行方式 (2

    2024年02月12日
    浏览(34)
  • 【第二趴】uni-app开发工具(手把手带你安装HBuilderX、搭建第一个多端项目初体验)

    聚沙成塔——每天进步一点点,大家好我是几何心凉,不难发现越来越多的前端招聘JD中都加入了uni-app 这一项,它也已经成为前端开发者不可或缺的一项技能了,所以凉哥为大家推出 聚沙成塔【45天玩转uni-app】 专栏,帮助大家对 uni-app 进行学习和理解,uni-app可以通过一套代

    2023年04月23日
    浏览(78)
  • 【RuoYi移动端】uni-app中的单击和双击事件

     @click=\\\"enterpriseSelect\\\"  @touchend=\\\"userinfo\\\"

    2024年02月08日
    浏览(35)
  • uni-app--》如何制作一个APP并使用?

    🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生 🛵个人主页:亦世凡华、 🛺系列专栏:uni-app 🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。 👀引言         ⚓经过web前端的学习,相信大家对于前端开发有了一定深入的

    2023年04月09日
    浏览(32)
  • uni-app - 移动端(iOS&Android)批量上传文件,支持重传、删除、多选,携带参数,进度监控

    👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我! 🏆 本文收录于专栏: uniapp踩坑指南 🔥 专栏介绍

    2024年02月03日
    浏览(38)
  • uni-app搭建h5项目

    一、 打开官方网站 https://uniapp.dcloud.net.cn/quickstart-cli.html 二、找到使用vue-cli命令行,按照文档上的步骤进行搭建 全局安装 vue-cli 搭建项目 可以根据命令行搭建,搭建vue2.0对应的是webpack, 也可以搭建vue3.0+vite,命令行下载不下来,直接访问高亮起来的 gitee 然后下载模板即可

    2024年02月22日
    浏览(53)
  • uni-app返回上一个页面并进行页面刷新

    适用两个不同的页面跳转,返回上一个页面保存并刷新修改后的数据(也解决了uni-app的navigateBack返回不刷新的方法之一) 当前页: 上一页: 思路: 1、用getCurrentPages()获取打开的页面 2、保存当前页面和上一个页面 提示:不确定是不是从当前页跳转到上一页就console.log(pages[pa

    2024年02月12日
    浏览(34)
  • uni-app移动端-H5-微信小程序下载保存图片,文档和视频到手机,带进度条

    可移步插件地址,可直接导入hbuilderx示例项目查看: uni-app移动端-H5-微信小程序下载保存图片,文档和视频到手机,带进度条 具体代码如下

    2024年02月13日
    浏览(26)
  • 小程序-uni-app:uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode

    目前(20230605)uni-app最新版本(3.8.4.20230531) 一、官网文档 微信开放文档 uni-app官网 二、创建项目 项目目标:vue3+ts+vite+vscode 创建以 typescript 开发的工程(如命令行创建失败,请直接访问 gitee 下载模板) npx degit dcloudio/uni-preset-vue#vite-ts uniapp-base ​ 本文创建成功 ​ 为了验

    2024年02月05日
    浏览(65)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包