如何使用 Vite 创建一个项目(Vue 或者 React)

ops/2024/11/2 13:40:36/

如何使用 vite 创建一个 Vue 或者 React 项目?

  1. 打开终端,输入命令
npm create vite@latest

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. 修改你需要的项目名

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

  1. 选择你要创建的项目的框架(Vue 还是 React 这是个问题?)

在这里插入图片描述

  1. 是否需要 TS 或者原生 JS 来进行开发

在这里插入图片描述

  1. 创建完成

在这里插入图片描述

  1. 打开项目
1. cd 你创建的文件名
2. npm i (或者 npm install)
3. npm run dev

在这里插入图片描述

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

npm i 下载安装包完成后,使用 npm run dev,就可以看到如下画面

在浏览器打开此网址即可

在这里插入图片描述


http://www.ppmy.cn/ops/130441.html

相关文章

在软件工程开发中,瀑布式开发和螺旋式开发的优缺点比较

在软件工程开发中,瀑布式开发和螺旋式开发是两种常见的软件开发模型,它们各自具有独特的优缺点,并在实际应用中展现出不同的特点。 瀑布式开发的优缺点 优点: 阶段划分清晰:瀑布模型将软件开发过程划分为一系列有序…

Elasticsearch中时间字段格式用法详解

Elasticsearch中时间字段格式用法详解 攻城狮Jozz关注IP属地: 北京 2024.03.18 16:27:51字数 758阅读 2,571 Elasticsearch(简称ES)是一个基于Lucene构建的开源、分布式、RESTful搜索引擎。它提供了全文搜索、结构化搜索以及分析等功能,广泛…

1、liunx系统安装

一、简介 Linux系统内核指的是一个由Linus Torvalds(创始人)Linux基金会,负责维护,提供硬件抽象层、硬盘及文件系统控制及多任务功能的系统核心程序。 红帽公司是全球最大的开源技术厂商,RHEL是全世界内使用最广泛的L…

c 到 c++ 过渡

c基础入门 #include <iostream> #include <cmath> #include <unistd.h> // 总结&#xff1a;按照书写依次往下&#xff0c;先看 iostream 再看 cxxx 最后 xxx.husing namespace std; // 本质&#xff1a;自定义作用域&#xff0c;作用域就在该命名空间内部。…

【企业微信新版sdk】

wecom 的引入使用 一、引入wecom二、封装函数三、使用测试 一、引入wecom 1、企业微信 WECOM-JSSDK提供了 npm 和 cdn 两种引入途径。1.1、 npm 引入 npm install wecom/jssdk1.2、安装后引入 import * as ww from wecom/jssdk通过 script 标签引入 <script src"ht…

java8 list map 聚合求和

目标&#xff1a; 统计地市的总的完成数量&#xff0c;并根据总数来排序。 要把下面的数据&#xff1a; [{"city_name": "南京市","carrier_id": "2","carrier_name": "移动","city_id": "0&qu…

【Python游戏开发】猜数字游戏

【Python游戏开发】猜数字游戏 前言正文核心函数思考步骤实现原理代码实现结论前言 在这个快节奏的世界里,我们都需要一些能放松大脑的小游戏。你有没有想过,能不能通过一些简单的猜谜来激发自己的思维?没错,就是我们熟悉的"猜数字"游戏!这个游戏看似简单,但实…

【MySql】第五章(存储函数与存储过程)

文章目录 一、常用的系统函数1.1 数学函数1.2 字符串函数1.2.1 计算字符串字符数的函数和计算字符串长度的函数1.2.2 字符串合并函数1.2.3 字符串大小写转换函数1.2.4 删除空格函数1.2.5 取子串函数1.2.6 其他字符串函数 1.3 日期和时间函数1.3.1 获取当前系统日期及指定日期年…