使用Vite快速创建vue3项目（超级简单，超级快速）

无论什么教程，还是以官网为准，下面是两个官网跳转地址。

Vite中文网

Vue.js

下面，开始正式创建我们的VUE3项目。

一、创建文件夹并在编辑器中打开集成终端

node -v 检查我们是否安装了node环境

二、在vite官网中我们可以看到有许多创建方式

个人推荐使用下面的方式创建，如果你不确定是否安装了npm、yarn或者不确定版本号，你可以输入 npm -v 进行检测

我的话，使用的

npm init vite@latest my-vue-app -- --template vue

在这里 my-vue-app是我们的项目名称，可以随意进行修改，template vue是创建一个vue模板。

依次选择 y 、vue、vue，显示创建完成

按照提示，依次输入 cd my-vue-app---npm install---npm run dev

就可以正常启动我们的项目了，是不是很简单呢？

使用Vite快速创建vue3项目（超级简单，超级快速）相关推荐

猿创征文 | 开箱即用 yyg-cli：快速创建 vue3 组件库和vue3 全家桶项目
1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架.在 npm 上发布了两个月,11月1日进行了大升级,发布 1.1.0 版本:支持创建 vue3 全家桶项目和 ...
Vite --- 创建Vue3项目
Vite 需要 Node.js 版本 >= 12.0.0. 1. node -v 查看node当前版本号 2. npm方式创建Vue3项目 npm init @vitejs/app 输入项目名 ...
vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...
使用vite创建vue3项目
一.创建vite+vue项目 1.在命令行输入以下创建语句.然后根据下图所示,输入项目名称并选择vue框架即可 npm create vite@latest 创建完项目后,根据提示依次输入三条命令: ...
快速创建springboot项目：使用http://start.spring.io/网页创建，使用IDEA的Spring Initializr创建，使用SpringBoot CLI创建
1 快速创建SpringBoot项目快速创建SpringBoot项目至少可以通过两种方式: 1.使用http://start.spring.io/网页版的创建 2.使用IDEA创建 1.1.通过访问 ...
2springboot：快速创建springboot项目
使用IDEA快速创建springboot项目流程: 创建新的项目选择项目的命名以及包名需要什么包就导入什么包进行测试的单元 <dependency><groupId>or ...
vue3学习路程1——创建vue3项目
创建vue3项目一.vue-cli版本对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli.要升级,你应该需要全局重新安装最新版本的 @vue/cli ...
Vue笔记——搭建脚手架并快速创建Vue项目
现在的Vue脚手架已经升级到3.x版本,即vue-cli3. 脚手架升级之后,安装的命令发生了变化,所以这篇文章会跟大家演示新旧版本的脚手架安装过程,以及使用新旧版本脚手架创建项目的过程. 下面的安装 ...
【百度地图API】如何快速创建带有标注的地图？——快速创建地图工具+如何标注商家...
摘要: 如果你不会程序,如果你不想写代码. 如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置. 不要犹豫了,就使用快速创建地图工具吧! ----------------------- ...

使用Vite快速创建vue3项目（超级简单，超级快速）

使用Vite快速创建vue3项目（超级简单，超级快速）相关推荐

最新文章

热门文章