uniapp 项目实践总结(二)从零开始搭建一个项目

导语:本篇文章主要是项目方面的技术开发总结,新建一个项目可以选择使用可视化界面,也可以使用命令行搭建。

目录

  • 可视化界面
  • 命令行搭建
  • 安卓开发环境
  • 苹果开发环境

可视化界面

安装软件

使用官方推荐的 HbuilderX 软件,开发方式比较简单,内置相关环境以及终端,无需配置 node。

  • 下载地址: hbuilderx;

新建项目

  • 打开软件找到文件》新建》项目,选择 uni-app 项目,默认模板就可以;
  • 填写项目名称和存储路径,点击右下角创建按钮,这样项目就创建成功了;

运行项目

在项目根目录下面,选择顶部导航运行。

  • 运行到游览器:点击运行到游览器,可以选择内置游览器,也可以外部游览器,外部游览器需要设置好游览器安装路径。

  • 运行到小程序:选择需要的小程序,配置小程序开发者工具路径,点击运行到指定的小程序开发工具或指定页面。

  • 运行到 app:

    • 运行到安卓,下载安卓开发编辑器或使用真机,选择运行到安卓基座或指定页面;
    • 运行到 ios,下载苹果 xcode 编辑器或使用真机,选择运行到 ios 基座或指定页面;

发行项目

在项目根目录下面,选择顶部导航发行。

发布到网站

PC、Web 或手机 H5:填写网站名称和域名以及可选项,点击发行。
在这里插入图片描述

发布到小程序

选择需要的小程序,填写小程序名称和小程序 AppId 以及可选项,点击发行。
在这里插入图片描述

发布到 app

方式有云打包或者本地打包。

  • 云打包:安卓签名证书生成指南,ios 签名证书生成指南

在这里插入图片描述
在这里插入图片描述

  • 本地打包:安卓本地打包教程,iOS 本地打包教程

命令行搭建

环境安装

  • 安装 node 环境
  • 全局安装 vue-cli
npm install -g @vue/cli

创建项目

创建 uni-app 项目

  • 使用 vue 脚手架
#使用正式版(对应 HBuilderX 最新正式版)
vue create -p dcloudio/uni-preset-vue my-project#使用 alpha 版(对应 HBuilderX 最新 alpha 版)
vue create -p

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/99226.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【STM32】锁存器

问题背景 在学习FSMC控制外部NOR存储器时,看到在NOR复用接口模式下,AD信号[15:0]是复用的。也就是说,若不使用锁存器:当NADV为低时,ADx(x0…15)上出现地址信号Ax,当NADV变高时,ADx上出现数据信号Dx。若使用…

【C语言】——调试技巧

目录 ​编辑 ①前言 1.什么是Bug? 2.什么是调试? 2.1调试的基本步骤 2.2Release与Debug 3.常用快捷键 4.如何写出好的代码 4.1常见的coding技巧 👉assert() 👉const() const修饰指针: ①前言 调试是每个程序员都…

MySQL的Json类型个人用法详解

前言 虽然MySQL很早就添加了Json类型,但是在业务开发过程中还是很少设计带这种类型的表。少不代表没有,当真正要对Json类型进行特定查询,修改,插入和优化等操作时,却感觉一下子想不起那些函数怎么使用。比如把json里的…

上线检查工具(待完善)

根据V11《CEBPM系统上线CheckList》整理而得,适用于V11,DHERP,Oracle和MSSQL数据库,检查内容还不完善。 上图: 1)数据库连接 2)双击[连接别名],可选择历史连接 3)主界面…

时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来

时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来 目录 时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 1.Matlab实现PSO-LSSVM时间序列预测未…

自然语言处理实战项目17-基于多种NLP模型的诈骗电话识别方法研究与应用实战

大家好,我是微学AI,今天给大家介绍一下自然语言处理实战项目17-基于NLP模型的诈骗电话识别方法研究与应用,相信最近小伙伴都都看过《孤注一掷》这部写实的诈骗电影吧,电影主要围绕跨境网络诈骗展开,电影取材自上万起真…

scala基础

scala 基础 1. scala简介 scala是运行在 JVM 上的多范式编程语言,同时支持面向对象和面向函数编程早期scala刚出现的时候,并没有怎么引起重视,随着Spark和Kafka这样基于scala的大数据框架的兴起,scala逐步进入大数据开发者的眼帘…

Modbus通信协议

Modbus通信协议 一、概述 Modbus通信协议是一种工业现场总线协议标准,常用的Modbus协议有以下三种类型:Modbus TCP、Modbus RTU、Modbus ASCll。 Modbus通信协议解决了通过串行线路在电子设备之间发送信息的问题。该协议在遵循该协议的体系结构中实现主…

Jupyter Notebook 好用在哪?

Jupyter Notebook 是一个 Web 应用程序,便于创建和共享文学化程序文档,支持实时代码、数学方程、可视化和 Markdown,其用途包括数据清理和转换、数值模拟、统计建模、机器学习等等。目前,数据挖掘领域中最热门的比赛 Kaggle 里的资…

总结/笔记-vue中的插槽(默认插槽、具名插槽、作用域插槽)

问题: 遇到了一个插槽,写法为 #default ”{ row }“ 插槽知识点: 定义 插槽,用于 在组件中 引用外部组件或自定义组件的内容。 即 子组件中提供给父组件使用的一个占位符,父组件可以在这个占位符中填充任何模板代…

Java8实战-总结18

Java8实战-总结18 使用流筛选和切片用谓词筛选筛选各异的元素截短流跳过元素 使用流 流让你从外部迭代转向内部迭代。这样&#xff0c;就用不着写下面这样的代码来显式地管理数据集合的迭代(外部迭代)了&#xff1a; List<Dish> vegetarianDishes new ArrayList<>…

ToBeWritten之威胁狩猎

也许每个人出生的时候都以为这世界都是为他一个人而存在的&#xff0c;当他发现自己错的时候&#xff0c;他便开始长大 少走了弯路&#xff0c;也就错过了风景&#xff0c;无论如何&#xff0c;感谢经历 转移发布平台通知&#xff1a;将不再在CSDN博客发布新文章&#xff0c;敬…