创建uni-app(通过vue-cli命令行)

用Vue CLI创建uniapp项目 用Vue CLI创建uniapp 用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布 除了 HBuilderX 可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。 如果是老的项目,也可以通过下方步骤,创建一个 uni-app 选择默认模板,然后将项目原封不动的复制到新项目的 ./src 目录。 执行 npm run serve / npm run build 就可以运行和打包了。 1. 环境安装 全局安装vue-cli npm ins 阅读详情
  • 文档

uni-app官网•介绍•快速上手icon-default.png?t=N7T8https://uniapp.dcloud.net.cn/quickstart-cli.html

  • 步骤

环境安装(先全局安装vue-cli)

npm install -g @vue/cli

1.

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

2.选择模板

3.

cd 项目目录

4.在manifest.json文件,“mp-weixin”节点,配置appid

5.编译

npm run dev:平台值(开发时)

npm run build:平台值(生产时)

如:微信小程序平台,开发时,编译:

npm run dev:mp-weixin

 如:微信小程序平台,生产时,编译:

npm run build:mp-weixin

6.运行

运行方式:

打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。(npm run dev:mp-weixin)

(或 导入 dist\build\mp-weixin 运行。(npm run build:mp-weixin))

  • 文章

《uni-app运行到微信开发者工具》icon-default.png?t=N7T8https://blog.youkuaiyun.com/Oracle475/article/details/137718117

  • 示例

1.

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

2.选择对应模板

3.切换到项目目录

4.打开src文件夹,manifest.json文件,在“mp-weixin”节点,配置appid

5.编译

查看package.json文件,scripts节点,查看对应指令

编译

6.运行

从零开始采用命令行创建uniapp vue3 ts springboot项目 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?第四步: 编写登录接口,具体的代码实现如下(接口没有具体的逻辑,只是接受前端的请求参数,并返回一个token)第二步:创建以 typescript 开发的工程(如命令行创建失败,请直接访问。​ 可以通过在命令行中输入下面指令查看安装后的版本。​ 编写登录接口的请求和响应结构体。 阅读详情

相关推荐

DeepSeek-V3本地Docker容器化部署

通过以上步骤,你可以在本地上成功通过容器化部署DeepSeek-V3。安装完成后,启动Docker Desktop。如果需要后台运行,可以加上。

u013302168的博客 2123

怎么使用vscode(uniapp)编译微信小程序,微信开发者工具白屏问题怎么解决。

1、ctrl+j打开控制台,找到package.json文件的scripts下面有dev:mp-weixin。2、运行方式:打开 微信开发者工具, 导入 dist\dev\mp-weixin 运行。3、微信开发者工具出现白屏问题,也没用报错,直接更新微信开发者工具即可。

weixin_45345234的博客 1824

告别配置迷茫:手把手教你用Vivado 2023.1配置Xilinx FPGA的DDR4 MIG IP核(含AXI接口详解)

本文详细介绍了如何在Vivado 2023.1中配置Xilinx FPGA的DDR4 MIG IP核,包括AXI接口的深度解析与优化。通过实战案例和调试技巧,帮助工程师快速掌握DDR4内存与FPGA的协同工作,提升系统性能。特别适合需要高性能计算和实时信号处理的开发者。

weixin_29231725的博客 437

vue-cli创建uni-app项目

vue-cli创建uni-app项目

m0_58293192的博客 6303

华为eNSP实战:手把手教你配置DHCP全局地址池(含AP固定IP分配)

本文通过华为eNSP模拟器,详细演示了如何配置DHCP全局地址池,为不同业务VLAN动态分配IP地址,并重点讲解了如何通过MAC地址绑定为接入点(AP)分配固定IP。文章涵盖了从拓扑设计、基础网络搭建到地址池精细配置、验证测试及常见故障排查的全流程,是网络工程师掌握企业级DHCP部署与AP管理的实用指南。

weixin_29235923的博客 599

脑影像分析软件推荐 | JuSpace

JuSpace是一种允许基于 MRI 测量与核成像衍生估计的跨模态关联的工具包,它涵盖各种神经递质系统,包括多巴胺能、血清素能、去甲肾上腺素能和 GABA(γ-氨基丁酸) 神经传递。JuSpace 由一组 Matlab 功能以及涵盖各种受体系统的 PET 受体图谱组成。

NHKJ_ZF的博客 1708

uniapp+vue3+vite+ts+uview-plus 最完整最详细最新搭建项目步骤

uniapp+vue3+vite+ts+uview-plus 最完整最详细搭建项目步骤,搭建项目的准备工作:通过vue-cli脚手架创建uni-app项目,便于更好的兼容TS写法node版本:v18.16.0pnpm版本:8.3.0。

阿Q 3万+

SPSS27 paired t-test 中的Cohen’s D – Effect Size for T-Test

两组数据是相关的且是连续的。

moonlightpeng的博客 909

通过vue-cli命令行创建uni-App

通过vue-cli命令行创建uni-App 全局安装vue-cli npm install -g @vue/cli 创建uni-app vue create -p dcloudio/uni-preset-vue my-project 安装sass依赖 npm install sass-loader node-sass 运行、发布uni-app // 运行 npm run dev:h5 //运行到浏览器 npm run dev:mp-weixin /...

Melikui的博客 1301

运维与软件实施课表

运维与软件实施课表 课程 章节编号 章节 课程地址 软件及操作系统基础 ch01 软件及操作系统基础01 实施、运维工程师基本技能:https://blog.youkuaiyun.com/qq_28189423/article/details/82700539 老毛桃制作winPE镜像:https://blog.youkuaiyun.com/qq_2818942...

Mr.O~的博客 1万+

UG\NX二次开发 找不到指定的dlx文件(Specified Dlx file not found)

有群友问:用Ctrl+U运行的时候就报错,找不到指定的dlx文件Specified Dlx file not found。怎么处理。

王牌飞行员_里海的博客 1130

通过vue-cli命令行创建简单的uni-app

首先安装vue脚手架详情请看搭建vue脚手架 安装好了之后创建uni-app 使用正式版(对应HBuilderX最新正式版) vue create -p dcloudio/uni-preset-vue **my-project** 命令进行安装,其中my-project名字自己订定义 安装完了之后我们选择默认模板即为简洁、简单的的uni-app 点击安装后就自动安装好啦, 然后运行小程序,比如微信小程序 然后在manifest.json文件的微信小程序栏输入你的id就可以啦 书山有路勤为径,学海无涯苦

Jet_Lover的博客 2124

相机标定(六)—— 张正友标定法

相机标定一、相机标定的目的1. 相机的成像过程2. 相机标定的目的3. 畸变与畸变矫正二、张正友标定法简介三、标定相机内外参1. 求解内参和外参的积2. 求解内参矩阵3. 求解外参矩阵四、标定相机的畸变参数五、L-M算法参数优化六、相机标定的步骤七、源代码 一、相机标定的目的 1. 相机的成像过程 2. 相机标定的目的 3. 畸变与畸变矫正 二、张正友标定法简介 三、标定相机内外参 1. 求解内参和外参的积 2. 求解内参矩阵 3. 求解外参矩阵 四、标定相机的畸变参数 五、L-M算法参数优化 六、相机

weixin_41480034的博客 1万+

用Vue CLI创建uni-app,摆脱HBuilder,npm命令行运行及发布

除了 HBuilderX 可视化界面,也可以使用cli脚手架,可以通过vue-cli创建uni-app项目。 如果是老的项目,也可以通过下方步骤,创建一个uni-app选择默认模板,然后将项目原封不动的复制到新项目的 ./src 目录。 执行npm run serve/npm run build就可以运行和打包了。 老项目改用 Vue CLI 可能会遇到一些报错,可以参考...

liuyaokai1990的博客 2447

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

5分钟使用UNI-APP框架创建你的第一个项目

5分钟使用uni-app创建你的一个项目

weixin_42397937的博客 2798

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

uni-app vue-cli命令行创建项目,拉取模板(dcloudio/uni-preset-vue)失败,443超时报错

当然,如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方,希望你在看到之后能够在评论里指出来,我会在看到之后尽快的回复你。创建cli工程,会远程下载 dcloudio/uni-preset-vue,拉取失败时,可以通过手动下载来创建项目。提示,通过 vue-cli 命令行创建项目,出现如下报错。如果本篇文章对你有帮助的话,很高兴能够帮助上你。

好巧的博客 1万+

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

uni app input添加获取验证码按钮_uni-app 快速上手

uni-app支持通过 HBuilderX可视化界面、vue-cli命令行两种方式快速创建项目。HBuilderX可视化界面(推荐)可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。开始之前,开发者需先下载安装如下工具:HBuilderX:官方IDE下载地址【下载App开发版】创建uni-app在点击工具栏里的文件 -> 新建 -> 项目:选择uni...

weixin_39737831的博客 1386

vue 实现命令行界面_通过vue-cli命令行运行uni app项目

通过vue-cli命令行除了HBuilderX可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。环境安装全局安装vue-clinpm install -g @vue/cli创建uni-app使用正式版(对应HBuilderX最新正式版)vue create -p dcloudio/uni-preset-vue my-project使用alpha版(对应H...

weixin_39622980的博客 2187

uni-app uView UI1.x框架 npm安装教程(vue-cli命令行创建)

本篇文章是 uView UI 1.x的版本 npm安装(vue-cli命令行创建)教程,​ uView UI框架文档地址:https://www.uviewui.com。

黄河爱浪的博客-专注CSS,jQuery,uni-app领域 1921

[开发|前端] uni-app项目相关操作

uii-app项目相关操作

梦醒贰零壹柒 512

学习笔记(1) uni-app开发之环境搭建

使用uni-app开发,需要安装HBuilder X,在HBuilder X软件中运行项目,编写代码。当然,也可以使用Vscode,WebStorm等软件编写代码,编写完成后用HBuilder X软件运行项目。本章节主要介绍uni-app开发环境的搭建,下一章我们将深入了解uni-app的生命周期。

一个平凡的技术热爱者 299

uni-app vue-cli命令行

uni-app vue-cli命令行 除了HBuilderX可视化界面,也可以使用 cli 脚手架,可以通过 vue-cli 创建 uni-app 项目。 环境安装 全局安装vue-cli npm install -g @vue/cli 创建uni-app 使用正式版(对应HBuilderX最新正式版) vue create -p dcloudio/uni-preset-vue my-project 使用alpha版(对应HBuilderX最新alpha版) vue create...

木贝西的博客 4073

uni-app环境搭建

②微信小程序开发者工具上选择上传 按照提交审核----->发布。④nmp run build:%PLATFORM% 发布项目。③nmp run dev:%PLATFORM% 运行项目。②vue creat -p dcloudio/项目名称。①必须有微信小程序 appid ,在微信公众平台上申请。①云端:发行----> 原生 app ---云打包。发行----->网站--H5手机版。usb连接手机--开启USB调试。①文件----新建---项目。③模板:uni-ui 项目。运行---->浏览器。

weixin_69190490的博客 928

uni-app快速入门(转)

uni-app支持通过HBuilderX可视化界面、vue-cli命令行两种方式快速创建项目。 通过 HBuilderX 可视化界面 可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。 开始之前,开发者需先下载安装如下工具: HBuilderX:官方IDE下载地址 HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。 下...

weixin_30873847的博客 593

uni-app uni-app创建和运行

uni-app uni-app创建和运行uni-app创建和运行1. 通过 HBuilderX 可视化界面创建uni-app运行uni-app2. 通过vue-cli命令行环境安装创建uni-app运行、发布uni-app3. 使用cli创建项目和使用HBuilderX可视化界面创建项目有什么区别编译器的区别开发工具的区别官方文档的说明 uni-app创建和运行 uni-app支持通过 HBuilderX 可视化界面、vue-cli命令行 两种方式快速创建项目。 1. 通过 HBuilderX 可视化界面

Happyaileaf的博客 6164
上一篇: uni-app运行到微信开发者工具(通过vue-cli命令行)
下一篇: [ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json
云海洋和天
博客等级 码龄7年 402粉丝 43原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值