vite搭建vue项目

最新推荐文章于 2024-05-11 05:26:38 发布
最新推荐文章于 2024-05-11 05:26:38 发布
阅读量469 收藏 1
点赞数
文章标签： vue.js npm javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiuchenxinlu/article/details/123291210
版权

1、
Vite需要Node.js版本> = 12.0.0

node -v

2、正式开始，使用vite创建一个vue项目(npm或yarn)

npm init @vitejs/app 项目名称
选择vue项目

3、vscode打开

npm install
npm run dev

参考文档：
vue3.0+vite（一）搭建项目

LOYURU
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vite搭建vue3项目
09-06
在本文中，我们将深入探讨如何使用Vite搭建Vue 3项目。Vite是由Vue.js的作者尤雨溪创建的一个现代化的前端构建工具，它利用了浏览器原生的ES模块导入功能，提供了更快的开发环境启动速度和热更新体验。与传统的...
创建基于vite的vue项目
m0_69298614的博客
04-05 5171
3.验证是否安装好：打开Windows的cmd命令行，输入npm --version，输出版本信息则安装成功，如下图所示。在src下新建plugins/nutui.js，以后需要增加组件只需要在该文件中添加即可。2.检验是否安装好：在cmd命令行中输入yarn -version，若输出版本信息则表示安装成功，如下图所示。node.js自带npm包管理工具，yarn也是nodejs下的包管理工具，可以根据自身选择适合的工具。//export导出，只有导出了，才能让别的文件进行import。
Vite 脚手架 搭建 Vue项目
灵魂学者的博客
07-22 2069
在之前讲过搭建 Vue 项目的脚手架 Vue-Cli，Vue-Cli目前是处于这个维护阶段，随着Vue3的到来官方推荐使用 Vite 来搭建Vue项目，Vite是一个轻量级的、速度极快的构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。那么本篇就来使用Vite脚手架搭建Vue项目，同时也提供在VScode中需要安装哪些插件可以帮助使用者来更好的编写代码。
2024年Web前端最全vite+vue3+TypeScript 搭建项目基本框架_vite vue typescript，前端面试秘籍
最新发布
2401_84616444的博客
05-11 835
在 vue 3.2.34 或以上的版本中，使用的单文件组件会自动根据文件名生成对应的 name 选项，无需再手动声明。也就是说，除非你想换名，并且又不想写两个 script 标签，就可以通过下面的链接去做。安装配置//1、 导入 path 模块，帮助我们解析路径//2-1 自动导入vue中hook reactive ref等//2-2 自动导入ui-组件 比如说ant-design-vue element-plus等//3、vue3语法糖plugins: [vue(),
vite构建vue项目
m0_73420146的博客
07-03 1126
---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------
vue vite创建项目
代上老码的专栏
04-08 769
Vite是一个由Vue.js团队开发的前端构建工具，它利用了现代浏览器的原生ES模块导入特性，提供了快速的冷启动和即时模块热更新。在开始之前，你需要确保你的开发环境中安装了Node.js。通过以上步骤，你可以快速地使用Vite创建并开始开发一个Vue项目。Vite的高效性能和丰富的插件生态将为你的Vue开发之旅提供强大的支持。目录是你的主要工作区域，其中包含了Vue项目的入口文件。现在，你可以开始开发你的Vue应用了。的新目录，并使用Vue模板初始化项目。构建完成后，你会在项目目录的。访问你的Vue应用。
从零开始搭建Vue3框架（一）：项目初始化+Vite基础配置
qq_25081445的博客
03-18 5684
前言 vue3.0更新了不短的时间，目前很多配套框架如elementui、echarts等主流UI框架都已经做了升级。 考虑到目前2.0的项目工程运行速度、开发效率都有了一定瓶颈，所以公司考虑优化技术架构，实现3.0版本升级。 升级肯定涉及到兼容性和技术栈的问题，至于两个版本的改动在项目搭建过程中，如果设计到的会适当说明。本文目的在于记录自己项目框架搭建的过程，也记录一下遇到的坑吧。 项目创建 Vue官方提供了两种方法： 通过vite，强烈推荐这种方法，毕竟升级的目的之一也是希望提高一下开发效率，vite
vite+vue+cesium项目搭建
03-13
5. **引入Cesium**：为了在Vue项目中使用Cesium，你需要通过`yarn add -D cesium vite vite-plugin-cesium`或`npm install --save-dev cesium vite-plugin-cesium`来安装Cesium库及其对应的Vite插件。这个插件能帮助...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
electron+vite+vue3+sqlite3基础框架
12-14
本项目是一个基于`Electron`的桌面应用程序开发框架，它结合了现代前端开发工具`Vite`和流行的前端框架`Vue.js`的最新版本`Vue3`，以及轻量级的本地数据库系统`SQLite3`。这个基础框架为开发者提供了一个快速启动新...
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs + Express + postgresql接口
04-10
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs...一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等 启动:均是 npm i npm start 仅供学习哈 也在慢慢完善中
搭建 Vue + Vite 入门项目
村雨遥
06-06 3929
一起来看看，除了 webpack 之外的打包方式 - Vite，并利用它来搭建你的 Vue + Vite 入门小项目 ~
vite+vue如何搭建项目
weixin_48173033的博客
07-24 367
创建一个新的。
详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)
热门推荐
qq_44423029的博客
08-17 4万+
超详细步骤vite创建vue3项目，技术栈vue3+ts+vite+element-plus+pinia，跟着做就搭出来了（保姆级）
vite+vue3+ts项目构建详细步骤（配置多语言版本）
失眠时间的博客
05-15 1万+
由于之前几乎都是使用Webpack 构建项目，偶尔使用了gulp。最近两年才开始使用Vue3开发项目，所以特意记录下Vite构建期间的使用方式。后续也会花时间写下webpack构建项目的文章，期待后期的更新～
Vue3+Vite项目搭建
weixin_62918410的博客
01-03 9268
vue3+ts+element-plus项目搭建
vite方式创建vue项目
LuiChun
07-11 3457
一 创建项目： 方式一： 进入可选方式来创建项目 npm方式： $ npm init @vitejs/app yarn方式： $ yarn create @vitejs/app 然后进入编辑项目文件夹名字【默认vite-project】 最后进入选择支持的框架模板【选择需要的一个】 方式二：构建vue 项目 npm方式：（npm 7+版本以上 ） npm init @vitejs/app my-vue-app -- --template vue yarn方式： yarn create @vitejs/
【vue3】使用vite构建vue3项目
嗨，朋友你好！我是前端领域的工作者
03-30 2万+
使用vite构建vue3项目、vite介绍、vite对比webpack
Vue3 + Vite 实现项目搭建
大家好，我是 ed.
07-02 8255
创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用 vite 创建，为什么使用 vite 呢？因为快！贼快！vite 官网：https://cn.vitejs.dev/安装 vite 构建工具： Vite 创建 vue3 项目 创建一个项目名称为 的项目： 项目创建完成的目录结构就是这个样子的。 然后进入文件夹，安装依赖，启动就可以了。然后使用 Vite 创建的项目真的厉害，秒开，不用打包直接启动。安
pnpm和vite搭建vue3项目
04-03
1. 安装pnpm 首先，需要安装pnpm。可以使用以下命令： ``` npm install -g pnpm ...使用pnpm和Vite搭建Vue 3项目非常简单。只需要几个简单的步骤就可以创建一个新项目，并快速地进行开发和构建。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值