Vue ui 创建vue项目,详细使用攻略。

1.安装及启动

        1.1 Vue ui 使用前提是全局安装vue.js 命令如下

npm install vue -g

        1.2 安装过Vue.js 之后 随便在自己系统的一个地方打开命令面板

        1.3 使用命令启动vue ui面板创建项目 

vue ui

 

  如图运行后显示这种就是启动成功,成功之后会弹出页面或者直接访问你的地址比如我的地址就是 http://localhost:8000/ 访问之后显示如下页面表示启动成功。

2.具体使用

  2.1创建项目

如下图:创建项目根据自己的需求创建对应的项目,注意如果需要预设模板要根据图二选一下。

这里如果想要模板 就要选中 预设:根据自己想要创建的项目类型选择对应的模板

  选择好之后选择创建项目就可以了。这可能需要一点时间,你去看你对应的文件夹是否已经创建了对应的项目名称,如下。

可能出现的问题点击创建之后出现:

表示当前vue-cli版本不对应:

1.卸载之前版本
npm uninstall vue-cli -g2.下载新的
npm i -g @vue/cli

 创建完成后会跳转到

   2.2 安装依赖

根据自己需求需要什么添加什么,当然可以直接使用npm命令去添加依赖。

2.3 更换启动端口

根据自己实际情况来,不想换可以跳过这一步。

找到自己创建的项目地址,找到vue.config.js 添加一下端口。不添加默认是8080

devServer: {port: 8089, 
},

   

2.4启动项目

启动成功如下图

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

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

相关文章

汇编语言-内中断

概念: 任何一个通用 CPU 都具备一种能力, 可以在执行完当前正在执行的指令之后, 检测到从 CPU 外部发送过来的或者内部产生的一种特殊信息, 并且可以立即对所接受到的信息进行处理,这种特殊的信息称为: 中断信息 中断意味着 CPU 不再继续…

opencv invert函数

在OpenCV中,cv::invert函数用于计算矩阵的逆。它的语法如下: bool cv::invert(InputArray src, OutputArray dst, int flagsDECOMP_LU)其中: src 是输入矩阵(2x2或者NxN)。dst 是输出矩阵,即计算得到的逆…

伦敦金的交易时间段都适合投资吗?

是所有的交易时间段都适合投资。首先,让我们了解伦敦金的交易时间。伦敦金市场的交易时间分为两个主要时段:亚洲盘和欧美盘。亚洲盘通常在北京时间早晨6点至下午5点半左右,而欧美盘则从北京时间晚上8点半开始,一直到次日早晨4点半…

什么是gcc-arm-linux-gnueabihf?

2024年5月3日,周五晚上 gcc-arm-linux-gnueabihf 是针对 ARM 架构(ARMv7 和 ARMv8)的 Linux 系统开发的 GNU C/C 编译器套件,可以在 x86 或 x86_64 架构的主机上使用,用于交叉编译 ARM Linux 应用程序和库。 gcc-arm-…

痉挛性斜颈患者早上运动还是下午运动更合适?选对了让治疗更简单!【北京仁爱堂】

对于痉挛性斜颈患者来说,选择合适的运动时间对于治疗的效果和舒适度至关重要。那么,痉挛性斜颈患者早上运动还是下午运动更合适呢?本文将从多个角度对此进行分析,帮助患者找到最适合自己的运动时间。 首先,我们需要了…

python学习笔记----文件操作(八)

一、 open() 函数 在 Python 中,处理文件包括读取和写入操作,是通过使用内置的 open() 函数来实现的。 语法: open(file, mode"r", encoding"utf-8") file: 文件路径。mode: 文件打开模式: ‘r’&#xff…

特征提取(Feature Extraction)常见统计特征笔记(三)

统计特征是描述数据集中值的一组量,通常用于了解数据的分布、集中趋势和变异程度。常见的统计特征包括均值、中位数、众数、标准差、方差等。下面会详细解释每个统计特征,并给出相应的Python代码。 1、均值(Mean):所有…

Python的使用

1、打印:print(‘hello’) 2、Python的除法是数学意义上的除法 print(2/3) 输出:0.6666... 3、a18 a‘hello’ print(a) 可以直接输出 4、**2 表示2的平方 5、打印类型 print(type&am…

答案自在你心——不求事事皆如愿,只求件件都无悔

时光荏苒,弹指间,似如梦初醒般又迎来了大学的第二个五一假期。多数人看来,又是一个千载难逢的度假时光,于我而言,心里却一直紧绷一根迟迟难以松弛的弦。也许是习惯了平常忙忙碌碌的生活节奏,突然停下来&…

轻松管理Java开发环境:SDKMAN!带来的便捷革命

前言 在当今软件开发的潮流中,有效地管理开发环境对于项目的顺利进行至关重要。随着项目规模的不断扩大和不同软件版本的需求增加,手动管理各种开发工具变得愈发繁琐。幸运的是,随着SDKMAN!的出现,Java开发者不再需要为此烦恼。这…

zookeeper数据迁移至clickhouse-keeper

1)找到zookeeper主节点 zkServer.sh status 查看返回结果: ZooKeeper JMX enabled by default Using config: /conf/zoo.cfg Client port found: 2181. Client address: localhost. Client SSL: false.Mode: leader Mode说明:值为leader 代表…

linux下载压缩包

比如我要下载的压缩包地址为: http://calvin.inf.ed.ac.uk/wp-content/uploads/data/cocostuffdataset/cocostuff-10k-v1.1.zip 1.创建文件夹并切换到这个目录下 2.用wget获取压缩包 压缩包下好了 3.解压 如果是 tar.gz包解压 tar -zxvf 也可以解压到具体的目录…

手撸Mybatis(一)——代理mapper

引言 最近刚写完毕设,闲来无事,看到网上有一个手撸Mybatis的教程,于是想自己实现一个简易版的Mybatis。 本专栏的源码:https://gitee.com/dhi-chen-xiaoyang/yang-mybatis。 创建简单的映射器代理工厂 在使用mybatis的时候&…

24考研双非上岸武汉理工大学电子信息专硕,855考研经验

目录 一、考研择校经验 二、武理考研初试经验 三、武理考研复试经验 一、考研择校经验 我建议学弟学妹们确定院校时没必要一上来就说我一定要考某个院校。其实考哪个学校是要在考研备考的过程中慢慢探索,慢慢研究的,不过最晚9月初一定要确定院校了&a…

Redis-01

Redis是一个开源的内存数据结构存储系统,可以用作数据库、缓存和消息中间件。它支持多种数据结构,如字符串、哈希表、列表、集合、有序集等,并提供了丰富的处理这些数据结构的命令。 Redis具有以下特点: 快速:Redis的…

识蒸馏十大关键概念详解:从教师-学生范式到模型压缩和重生网络

知识蒸馏(Knowledge Distillation)任务通常会使用以下术语和表述: Knowledge Distillation (KD): 知识蒸馏的直接称呼,指从一个大型复杂的教师模型(teacher model)中提取知识,并传递给一个小型简单的学生模型(student model)的过程。Teacher-Student Framework: 教师-学生框架…

在 Python 编程语言中:[::-1] 的原理和作用、lambda 函数的功能和含义、== 和 is 的区别

🍉 CSDN 叶庭云:https://yetingyun.blog.csdn.net/ Python 编程语言中,[::-1] 的原理和作用到底是什么? 在 Python 中,[::-1] 是一种常见的切片操作,用于字符串、列表等序列数据类型。这种操作的目的是将序…

Python语言在地球科学中地理、气象、气候变化、水文、生态、传感器等数据可视化到常见数据分析方法的使用

Python是功能强大、免费、开源,实现面向对象的编程语言,Python能够运行在Linux、Windows、Macintosh、AIX操作系统上及不同平台(x86和arm),Python简洁的语法和对动态输入的支持,再加上解释性语言的本质&…

doxygen 辅助阅读代码的神器

简介 Doxygen是一个文档生成工具,主要用于编写编程语言的软件文档。它最初是为C设计的,但后来增加了对C、C#、Java、Objective-C、Python、IDL(在某些情况下还有PHP、C#和D)的支持。Doxygen可以从一组带有文档注释的源代码文件中…

Mamba3D革新3D点云分析:超越Transformer,提升本地特征提取效率与性能!

DeepVisionary 每日深度学习前沿科技推送&顶会论文分享,与你一起了解前沿深度学习信息! Mamba3D革新3D点云分析:超越Transformer,提升本地特征提取效率与性能! 引言:3D点云分析的重要性与挑战 3D点云…