使用Vite构建vue3脚手架项目

于 2024-06-26 13:28:58 发布
阅读量204 收藏
点赞数 2
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58395893/article/details/139986493
版权

一.确保电脑上要有node环境

1.怎么知道有没有Node环境: 打开控制台 敲 node

2.node版本要大于17 不然使用脚本创建项目会报错 

二. 开始创建项目

1.打开控制台 

2.建议这里换成第三方镜像 npm config set registry https://registry.npmmirror.com

3.输入npm create vue@latest

4.按照自己的需求去选择

农村小码农
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Vue3】使用Vite构建工具构建Vue3项目
早睡早起长头发的博客
08-17 6516
一、利用cmd和vscode创建 二、利用webstorm创建
Vue3 更高效的构建工具——Vite
程序员柒的博客
02-10 1万+
本文讲解了构建工具 Vite，目前只有vue3才可以使用Vite，如果本文对你有所帮助请三连支持博主。下面案例可供参考Vite是一种面向现代浏览器的一个更轻、更快的前端构建工具，能够显著提升前端的开发体验。除了Vite外，前端著名的构建工具还有Webpack和Gulp。目前，Vite已经发布了Vite2，Vite全新的插件架构、丝滑的开发体验，可以和Vue3的完美结合。
vue3 + vite 搭建脚手架 以及配置路由
cloud_sugar的博客
10-07 563
完成之后打开项目。
【vue3】使用vite构建vue3项目
嗨，朋友你好！我是前端领域的工作者
03-30 2万+
使用vite构建vue3项目、vite介绍、vite对比webpack
vite+vue3+ts 手把手教你创建一个vue3项目
热门推荐
weixin_59916662的博客
10-17 6万+
基本全程cv安装router，less / scss，pinia，axios，element / Ant Design Vue，Echarts ，mockjs，以及如何配置@别名，自定义组件，vue-devtools插件。
vite-vue3
Raywh的博客
06-06 2326
vite + vue3 使用文档(单页应用-超简单教程)，简化使用，但是更多的还是阅读文档
vite构建的纯净项目可以用于基础项目构建，简单可用，vue项目脚手架vite
03-23
标题中的“纯净项目”意味着这个项目没有预装任何特定的业务逻辑或UI框架，只包含构建Vue应用的基础结构，适合初学者或有经验的开发者用来作为新项目的起点。这个项目已经配置好了Vite和Vue.js，你可以直接进行开发...
vue3vite基本脚手架
最新发布
06-01
Vue3 Vite基本脚手架是现代Web开发中一个高效的构建环境，专为Vue.js 3应用程序设计。Vite是由Vue.js的作者尤雨溪创建的，它利用了ES模块的原生加载能力，提供了快速的热更新和按需编译，大大提升了开发体验。 1. *...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
vue3+ts+vite4脚手架
07-10
Vue3+TS+Vite4脚手架是一个现代化的前端开发环境，专为构建高效、高性能的Web应用而设计。这个脚手架包含了Vue.js的最新版本（Vue3）、TypeScript的支持以及Vite4的快速开发工具。让我们深入探讨这些核心组件以及...
vite-vue3：Vite3快速入门样板，带有vite脚手架，常见的ESLint插件
02-13
这个“vite-vue3”项目是一个快速入门模板，为开发者提供了使用Vite3搭建Vue3项目的便利。下面我们将深入探讨Vite3与Vue3的结合以及它们各自的关键特性。 **Vite3核心特性：** 1. **即时重载（Hot Module ...
这是一份保姆级Vue3+Vite实战教程
很多时候犯错都是在不知情的情况下发生的
02-12 1万+
ESLint 不仅能够检测代码中的错误，而且在许多情况下，可以为我们自动纠正错误。如上，这是我电脑 nrm 管理的镜像源列表，最后一个是我公司内网的所以打码了，除了最后一个都是安装 nrm 自带的，你可以使用 nrm use 命令很方便的去切换源，npm 默认就是列表中名为 npm 的源，如果你下载不下来一些工具，可以切换为 taobao 源，当然安装完成后最好切回来，因为除了 npm 源，其他源在下载某些包时，都可能会出现一些莫名的问题。
详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)
qq_44423029的博客
08-17 4万+
超详细步骤vite创建vue3项目，技术栈vue3+ts+vite+element-plus+pinia，跟着做就搭出来了（保姆级）
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 4120
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
vue3 + vite
WJLSH123的博客
04-26 7489
端口控制 + 跨域 在vite.config.js文件中 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], base: "./",//打包路径 resolve: { alias: {
一篇文章教小白学会搭建 vite + ts + vue3 项目，手把手教程，不会算我输（第一篇）
qq_17335549的博客
12-29 2万+
【前端工程化实践】手把手教小白搭建 vite + ts + vue3 项目
vue3+vite搭建项目
qq_40407998的博客
03-07 3095
vue3+vite搭建项目
【详细步骤】使用Vite创建Vue3项目
HQC66666的博客
05-09 3549
Vite是一个轻量级、运行速度快的前端构建工具，它支持模块热替换（Hot Module Replacement，HMR），可以即时、准确地更新模块，当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少，随着开发过程中依赖的增多，需要额外进行配置。Vite不需要以命令的方式安装和卸载，只要安装了npm或yarn，就可使用Vite的相关命令创建项目。Vite会作为项目的开发依赖保存在项目的node_modules目录中。
使用vite构建vue3 项目
08-26
使用Vite构建Vue 3项目非常简单。下面是一个简单的步骤指南： 1. 首先，确保您已经安装了最新版本的Node.js。您可以在终端中运行`node --version`来检查您当前的Node.js版本。 2. 安装Vite脚手架工具。在终端中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值