Vue3+Ts+Vite项目(第一篇)——使用Vite创建Vue3项目

news/2024/12/29 10:51:30/

概述

保姆级详解,带你使用 Vite 创建 Vue3 项目,全程cv即可


文章目录

  • 概述
  • 一、 安装 Vite
  • 二、 创建项目
      • 2.1 运行上述命令后,会让我们输入项目名称。可以写一个 vue3-study
      • 2.2 选择项目模板,此处选择 Vue,然后回车确定
      • 2.3 选择 TypeScript,回车确定
      • 2.4 依次命令
      • 2.5 运行项目
      • 2.6 创建项目成功


一、 安装 Vite

兼容性注意
Vite 需要 Node.js 版本 >= 12.0.0。我建议使用 v16版本的 Node.js

使用 npm:

npm init vite@latest

使用 yarn:

yarn create vite

使用 pnpm:

pnpm create vite

二、 创建项目

npm create vite@latest 

2.1 运行上述命令后,会让我们输入项目名称。可以写一个 vue3-study

在这里插入图片描述

2.2 选择项目模板,此处选择 Vue,然后回车确定

在这里插入图片描述

2.3 选择 TypeScript,回车确定

在这里插入图片描述

2.4 依次命令

  • cd vue3-study(将文件切换到该文件夹)
  • npm installl (安装项目依赖)
  • npm run dev (运行项目)

在这里插入图片描述

2.5 运行项目

在这里插入图片描述

2.6 创建项目成功

在这里插入图片描述


http://www.ppmy.cn/news/1101679.html

相关文章

命悬一线小游戏

欢迎来到程序小院 命悬一线 玩法&#xff1a; 点击鼠标人物摆动跳跃&#xff0c;松开鼠标跳到方格上面&#xff0c;每跳一次都会有对应的分数统计&#xff0c;不要让人物掉下哦^^。开始游戏 html <canvas id"jsGameScreen"></canvas>css .bandiv{floa…

ATF(TF-A) fvp_r 平台威胁模型-安全检测与评估

安全之安全(security)博客目录导读 ATF(TF-A) 威胁模型汇总 目录 一、简介 二、评估目标 1、只支持BL1

【Python】关于自定义对象的Json序列化和反序列化

背景 最近使用Ptyon爬虫数据时&#xff0c;遇到对象无法转换为JSON序列化对象问题TypeError: Object of type Main is not JSON serializable 意思&#xff1a; 就是对象不能转换为JSON序列化对象 原因&#xff1a; 是对象没有自定义实现转换为JSON序列化对象的方法没有。 实…

【开发】视频集中存储/直播点播平台EasyDSS点播文件分类功能优化

视频推拉流EasyDSS视频直播点播平台&#xff0c;集视频直播、点播、转码、管理、录像、检索、时移回看等功能于一体&#xff0c;可提供音视频采集、视频推拉流、播放H.265编码视频、存储、分发等视频能力服务。 TSINGSEE青犀视频的EasyDSS平台具有点播文件分类展示方法&#xf…

Python之线程Thread(一)

一、什么是线程 线程(Thread)特点: 线程(Thread)是操作系统能够进行运算调度的最小单位。它被包含在进程之中,是进程中的实际运作单位线程是程序执行的最小单位,而进程是操作系统分配资源的最小单位;一个进程由一个或多个线程组成,线程是一个进程中代码的不同执行路线;…

Hexo小结

Hexo小结 前段时间自己搭建了博客&#xff0c;后来维护太麻烦&#xff0c;放弃了&#xff0c;但还是做个基本使用的小结。 Hexo小结 Hexo 是一个基于 Node.js 的快速、简单和强大的博客框架。以下是一些常用的 Hexo 命令&#xff1a; hexo init [folder]&#xff1a;在指定文…

类和对象:构造函数,析构函数与拷贝构造函数

1.类的6个默认成员函数 如果一个类中什么成员都没有&#xff0c;简称为空类。 空类中真的什么都没有吗&#xff1f;并不是&#xff0c;任何类在什么都不写时&#xff0c;编译器会自动生成以下6个默认成员函数。 默认成员函数&#xff1a;用户没有显式实现&#xff0c;编译器…

LabVIEW利用人工神经网络辅助进行结冰检测

LabVIEW利用人工神经网络辅助进行结冰检测 结冰对各个领域构成重大威胁&#xff0c;包括但不限于航空航天和风力涡轮机行业。在起飞过程中&#xff0c;飞机机翼上轻微积冰会导致升力降低25%。研究报告称&#xff0c;涡轮叶片上的冰堆积可在19个月的运行时间内造成29MWh的功率损…