uniapp入门到进阶 一 1、如何使用uniapp创建项目工程(uniapp怎么创建项目)

对于一个前端从业者,特别是刚入行不久的前端小白,我们工作中必须面对的一个问题就是——如何开发一套代码可以同时满足(H5、APP、小程序),同时我们还可以兼顾到PC端,面对微信、抖音、头条、支付吧、百度等不同的平台,我们又如何同时满足各端小程序要求。面对这样的问题需要解决,我们就需要玩转uniapp, 这也成为了一个对前端工作人员的硬性要求,那我们是否是一个完全合格的前端工作人员呢?接下来让我们一起从零起步,快速高效玩转uniapp。

Uniapp 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码,Uniapp 将其编译到iOS、Android、H5、以及各种小程序平台。

我们在实际开发中可能遇到同一个项目可能需要分别在H5 端,小程序端,甚至React Native 端有相同的表现,我们就需要开发和维护多端不同代码,工作量是非常巨大的。因此我们的项目需要借助uiapp来实现。

如何创建工程?

随着VUE3使用的普及,下面我们所介绍的所有内容过我们都讲过基于VUE3来创建。

在这里我们要注意:为了增强项目灵活性高,不建议使用可视化界面(即编辑器-HBuilderX)来创建工程,因此,我们接下来使用cli脚手架创建工程。

一、首先确保全局安装 vue-cli

npm install -g @vue/cli

二、创建uni-app

使用正式版(对应HBuilderX最新正式版)

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

使用alpha版(对应HBuilderX最新alpha版)

//该版本可能具有一些不稳定性vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project

使用Vue3/Vite版

创建以 javascript 开发的工程

npx degit dcloudio/uni-preset-vue#vite my-vue3-project

创建以 typescript 开发的工程

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

接下来我们创建我们的项目 uniapp-demo

1、首先打开我们的命令行工具,找到我们要创建工程的位置

//我们把项目创建到我们的桌面1、cd Desktop

2、创建 typescript 项目 uniapp-demo

npx degit dcloudio/uni-preset-vue#vite-ts uniapp-demo

3、进入我们的项目并安装依赖

//进入项目cd uniapp-demo //安装以来yarn install

操作步骤如图:

uniapp入门到进阶 一 1、如何使用uniapp创建项目工程(uniapp怎么创建项目)

创建工程uniapp-demo

现在我们的基础工程创建已完成:如图:

uniapp入门到进阶 一 1、如何使用uniapp创建项目工程(uniapp怎么创建项目)

uniapp-demo

接下来、为了提高我们开发效率,我们需对uniapp的组件、API做一个全面了解。

欢迎大家收藏点赞转发,我们一起学习成长!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年3月20日 上午9:41
下一篇 2023年3月20日 上午9:51

相关推荐

  • bitrix24项目管理系统

    Bitrix24 项目管理系统: 提高软件开发效率的利器 随着软件开发的不断发展,项目管理系统已经成为了软件开发中不可或缺的一部分。其中,Bitrix24 项目管理系统是一款非常优…

    科研百科 2025年1月23日
    2
  • 卓有成效的管理者——支行长管理能力提升(支行行长管理能力提升)

    课程背景: 网点负责人作为网点的一把手,是团队的领头羊风向标,是决定基层网点整体表现的带头人,承上启下的关键岗位。很多银行恰恰是中层岗位的职责缺失,导致业绩难达成、计划难落地、营销…

    科研百科 2024年1月19日
    214
  • 科研管理项目系统

    科研管理项目系统:创新科研管理的有效工具 科研管理项目系统是一种现代化科研管理工具,可以帮助管理者高效地管理科研项目,提高科研效率和质量。随着科技的不断进步,科研项目的规模越来越大…

    科研百科 2024年12月12日
    0
  • 课题名称要加书名号还是引号

    题目:如何创建一个优秀的博客 引号: 博客已经成为互联网上最受欢迎的一种写作形式之一。创建一个出色的博客需要良好的写作技巧、合适的主题、高质量的内容和有效的营销策略。那么,如何创建…

    科研百科 2024年10月29日
    1
  • 广州商学院科研项目申报

    广州商学院科研项目申报 近年来,随着经济的发展和高校教育的进步,科研项目已成为高校教学和科研的重要支撑。广州商学院作为一所综合性大学,也在不断推进科研项目的发展。 为了加强学校科研…

    科研百科 2025年1月31日
    1
  • 项目管理软件有哪些

    项目管理软件有哪些 随着现代项目管理的日益复杂和多样化,选择一款合适的项目管理软件已经成为了项目管理人员的必备技能。目前市面上有许多不同类型的项目管理软件,以下是其中一些常见的项目…

    科研百科 2024年7月23日
    69
  • 出版教材属于科研项目吗

    出版教材是否属于科研项目,是一个比较复杂的问题,因为教材通常是由学校或机构自行编写和出版,用于教学或培训。然而,在某些情况下,教材也可以被作为科研项目的一部分进行开发。 在这种情况…

    科研百科 2025年4月1日
    1
  • 渭南员工管理系统项目招标

    渭南员工管理系统项目招标 渭南市位于陕西省中部,是一个人口众多、经济发展迅速的城市。随着企业数量的不断增加,企业对员工管理的需求也越来越大。为了满足市场需求,渭南市企业的员工管理系…

    科研百科 2025年6月29日
    0
  • 科研项目奖金分配原则

    科研项目奖金分配原则 科研项目是推动科技进步和社会发展的重要力量,而奖金的分配则是科研项目成功的关键因素之一。合理的奖金分配原则能够激励科学家和研究人员的积极性,促进项目的进展,同…

    科研百科 2025年4月12日
    2
  • 王霆:当前基层检察院党建工作面临的问题及对策(基层检察院党建工作存在的问题)

    西安市新城区人民检察院 王霆 基层检察院党建工作是基层党的建设的重要组成部分,在基层检察院履行打击犯罪、保护人民、惩治犯罪、服务经济社会建设的职责中具有举足轻重的作用。随着新形势的…

    科研百科 2023年6月12日
    247