程序员经验分享-hwhale

vue3 使用vue cli创建一个vue3项目教程指南

2023-11-04

第一步

1 、使用vue --version 查看是否安装vue
如果没有安装，使用命令：npm install vue-cli -g 安装，安装成功之后会显示版本号

在这里插入图片描述

2 、创建项目：使用命令 vue create init-pwa-project创建项目,其中init-pwa-project为项目名，运行之后如下。

在这里插入图片描述
选择vue3创建：
在这里插入图片描述
安装成功提示：
在这里插入图片描述
在你的目录下就能看到已经创建成功的项目的文件夹
在这里插入图片描述

3、运行项目
  1. 进入init-pwa-project目录
  2. 运行命令npm run serve，得到如下运行结果
    在这里插入图片描述
4、网页效果

浏览器访问http://localhost:8081/或者相应的ip+端口
在这里插入图片描述

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

html

前端

vuejs

npm

vue3 使用vue cli创建一个vue3项目教程指南 的相关文章

随机推荐

  • 关于GD32调试JLINK连接不上的问题

    最近有一个项目要用到GD32E230 然后经过了绘画原理图 PCB布线 焊接元件 再到最后一步的调试 发现用JLINK的SWD模式无论怎么也连不上 在和同事纠结了两天之后 发现了原来是PCB里面IC的封装画错了 以下把GD32和STM32官

  • 第九节：JS中的循环语句

    while语句 一般在循环体中来改变判断条件的值 如果不进行值得改变 循环条件一直满足 会造成死循环 语法 while 条件 要执行的代码块 例子 while i lt 10 text 数字是 i i do while 循环是 while

  • 功率MOSFET的正向导通等效电路

    转自 功率MOSFET的正向导通等效电路 电路设计论坛 电子技术论坛 广受欢迎的专业电子论坛 MOSFET 一 基础 Infinity lsc的博客 CSDN博客 MOSFET 二 米勒效应 Infinity lsc的博客 CSDN博客 米

  • 物联网之Linux网络编程三

    本篇主讲内容 1 广播和组播 2 UNIX域套接字 3 网络总结 广播 前面介绍的数据包发送方式只有一个接受方 称为单播 如果同时发给局域网中的所有主机 称为广播 只有用户数据报 使用UDP协议 套接字才能广播 广播地址 以192 168

  • 如何查看Oracle数据库的端口列表Portlist?

    如何查看Oracle数据库的端口列表Portlist 要在SQL PLUS工具中查看Oracle数据库的端口列表 可以执行以下步骤 在SQL PLUS中使用系统管理员帐户登录到Oracle数据库 运行以下命令 SELECT DISTINCT

  • 最大熵阈值分割算法原理及实现

    写在前面 前面介绍了OTSU算法 对于阈值分割法 不得不介绍另外一种较为突出的算法 最大熵阈值分割法 KSW熵算法 最大熵阈值分割法和OTSU算法类似 假设将图像分为背景和前景两个部分 熵代表信息量 图像信息量越大 熵就越大 最大熵算法就是

  • android FlatBuffers剖析

    概述 FlatBuffers是google最新针对游戏开发退出的高性能的跨平台序列化工具 目前已经支持C C Go Java JavaScript PHP and Python C和Ruby正在支持中 相对于json和Protocol Bu

  • Pytorch 分布式训练（DP/DDP）

    参考 需要看 0 实操教程 GPU多卡并行训练总结 以pytorch为例 1 PyTorch 源码解读之 DP DDP 模型并行和分布式训练解析 知乎 2 pytorch中分布式训练DP DDP原理 知乎 3 pytorch中多卡训练 yt

  • 共轭梯度法详细推导分析

    共轭梯度法是一种经典的优化算法 算法求解速度较快 虽然比梯度下降法复杂 但是比二阶方法简单 一 引入 1 优化模型建立 假定待优化的问题如下所示 min x f x 1 2 x T A x b T x min x f x frac 1 2

  • vs 查看 C++ #define 宏定义展开代码

    方法一 define 通常是代码的展开 如果是 复杂 的 define 如何直观的查看展开效果 在 vs 中 选中需要查看的 cpp 文件 右键属性 预处理器 预处理到文件 选择是 确定 右键 cpp 文件 编译 debug 目录中会有一个

  • 打印机驱动如何连接计算机,打印机与电脑第一次连接驱动怎么操作

    打印机作为我们办公的设备之一 在使用过程中需要与电脑完成连接 才能进行使用 很多小伙伴不知道打印机与电脑第一次连接驱动怎么操作 于是就在小编后台给小编留言 那么今天小编就来叫教教大家打印机与电脑第一次连接驱动的方法 下面就让我们一起来看看吧

  • Tomcat性能调优方案

    Tomcat性能调优方案 一 操作系统调优 对于操作系统优化来说 是尽可能的增大可使用的内存容量 提高CPU的频率 保证文件系统的读写速率等 经过压力测试验证 在并发连接很多的情况下 CPU的处理能力越强 系统运行速度越快 适用场景 任何项

  • Python3-excel文档操作（二）：利用openpyxl库处理excel表格：在excel表格中插入图片

    1 简介 excel表中可以插入图片 使用openpyxl库可以实现这个功能 2 代码 coding utf 8 import os import sys import time import openpyxl from openpyxl

  • 在React中使用Swiper做触摸内容滑动

    在React中使用Swiper做触摸内容滑动 缘由 在实现一个触摸内容滑动的功能的时候 想reactJS该怎么处理呢 然后被提点用Swiper可以 一想确实可以 用了网上的一些用在react里面的Swiper 但是并不怎么靠谱和好用 最后看

  • 【改进灰狼优化算法】改进收敛因子和比例权重的灰狼优化算法【期刊论文完美复现】（Matlab代码实现）

    个人主页 研学社的博客 欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 文献来源 4 Matlab代码实现 1 概述 文献来源

  • KBEngine简单RPG-Demo源码解析

    一 环境搭建 1 确保已经下载过KBEngine服务端引擎 如果没有下载请先下载 下载服务端源码 KBEngine https github com kbengine kbengine releases latest 编译 KBEngine

  • DRG/DIP改革激活医疗数据智能400亿新增市场｜ 爱分析洞见

    1 政策力度强 加速全覆盖 2021年底 国家医疗保障局印发 DRG DIP支付方式改革三年行动计划 这x标志着医保支付改革正式进入高速发展阶段 也意味着基于DRG DIP医保支付方式改革推动的医院信息化建设的大幕徐徐拉开 三年行动计划 以

  • curl命令错误码汇总

    状态码 状态原因 解释 0 正常访问 1 错误的协议 未支持的协议 此版cURL 不支持这一协议 2 初始化代码失败 初始化失败 3 URL格式不正确 URL 格式错误 语法不正确 4 请求协议错误 5 无法解析代理 无法解析代理 无法解析

  • QProgressBar、QProgressDialog

    QProgressBar 一 描述 进度条控件 用于向用户指示操作的进度 并向他们保证应用程序仍在运行 如果最小值和最大值都设置为 0 则条形图显示忙碌指示符 而不是步数百分比 二 类型成员 1 enum QProgressBar Dire

  • vue3 使用vue cli创建一个vue3项目教程指南

    第一步 1 使用vue version 查看是否安装vue 如果没有安装 使用命令 npm install vue cli g 安装 安装成功之后会显示版本号 2 创建项目 使用命令 vue create init pwa project创

热门标签