vue3.0 vite安装

最新推荐文章于 2025-10-08 16:31:07 发布
原创 最新推荐文章于 2025-10-08 16:31:07 发布 · 1.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Vite快速搭建Vue3.0项目。首先全局安装Vite，然后创建项目并指定项目名称，接着安装项目依赖并运行。这是一种高效的前端项目开发方式。

vue3.0 vite安装

  1. 安装 Vite
npm install -g create-vite-app
  1. 利用 Vite 安装 Vue3.0 项目
create-vite-app projectName
  1. 安装依赖运行项目
cd projectName  //进入工程项目文件夹
npm install          //安装项目依赖
npm run dev       //运行项目
Vue3 - Vite 安装与创建 vue3 项目（使用 vite 创建 vue 项目）
🏆 前端领域优质创作者
08-24 1万+
前言 为什么使用vite（官方解释）：https://vitejs.cn/guide/why.html 它是一款由尤雨溪开发的新工具，旨在代替webpack，利用浏览器现已支持ES6的基础，遇到import会发送一个请求去加载文件，vite拦截这些请求做一些预编译，省去了冗长的打包时间，从而提升开发体验，具体详见官方网站。 第一步：安装vite 也可使用yarn进行安装，本篇基于npm进行。 在任意位置终端执行如下代码： npminstall-gcreate-vit
vite 安装 vue3.0
江湖行骗老中医
07-17 3245
npmlink后，会把当前的包安装到全局\AppData\Roaming\npm下，同时也会生成bin中的指令，在\AppData\Roaming\npm当前包是以快捷方式的形式直接访问的，所以修改的时候，全局也会跟着修改。比较适合开发的时候。如果公司有条件搭建了属于公司自己的私库，我们可以学习create-vite-app的做法，创建以create-开头的包，并上传到私库，然后全局安装也好，npminit/npx也好，就可以像create-vite-app一样，直接调用bin中的指令执行。...
npm 扩展Vite、Element-plus 、Windcss、Vue Router
最新发布
qq_36729594的博客
10-08 386
如果遇如下问题：node版本不匹配。按照要求升级node.js版本。再次运行 npm install -D vite 这个命令。选择要使用的node版本 22.20.0。这里使用nvm安装node 22版本。安装情况如下，安装完成。
vite 脚手架搭建 vue3 项目
jiangjunyuan168的博客
01-30 2698
步骤： 1、win+r，输入 cmd 进入命令提示符窗口 2、cd 到项目需要存放的目录 3、进入目录后，使用以下命令搭建项目（这里以npm为例）...
安装配置vue3+vite
weixin_44523517的博客
04-24 1万+
安装配置vue3+vite
vue3和vite安装
TheSpiritIsHeart的博客
07-18 1774
安装
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue3.0-vite-antd 实现动态切换主题.zip
10-29
在Vue3.0框架中，配合Vite构建工具和Ant Design Vue 2.0库，实现动态主题切换是一项常见的需求，特别是在开发具有高度定制化界面的Web应用时。本项目"vue3.0-vite-antd 实现动态切换主题.zip"提供了一种实现方式，...
Vue3.0配置多页面应用
03-17
Vue3.0是一个备受瞩目的前端框架更新，它引入了许多新特性和性能优化，使得开发者在构建复杂Web应用时更加高效。"Vue3.0配置多页面应用"是指利用Vue3.0框架来开发包含多个独立入口的Web应用程序，每个入口对应一个...
vue3.0+ts+vite+scss创建一个vue项目
dengzihao1023的博客
05-25 577
使用Vite创建一个vue3项目。
Vue3.0+typescript+Vite+Pinia+Element-plus搭建vue3框架！
qq_33546296的博客
06-03 1659
/ 此处的id很重要name: ''}),getters: {},},actions: {},// 登录// 调用接口，做逻辑处理})setup() {// $patch 修改 store 中的数据name: '名称被修改了,nameLength也改变了'})return {userStore,updateName},})
vue3以及vite的安装
weixin_41415820的博客
09-06 571
1.安装vite npminstall-g create-vite-app 2.利用Vite创建Vue3项目 create-vite-app projectName 3.安装依赖运行项目 cd projectName npm install npm run dev 4. node.js版本号 v12.17.0
VUE3（一）安装+使用vite创建一个项目
camellia的博客
02-08 3876
VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。 官方文档网址： https://www.vue3js.cn/docs/zh/guide/introduction.html 这里看一下vue3.0的安装以及创建第一个项目。 官方对js包管理为我们提供了两个选择，npm和yarn。我这里比较倾向使用yarn。 关于yarn的介绍，请移步《js包管理工具yarn》 一：安装vue3.0 yarn global add @vue/cli@next 安装成功如下图所示： 二：创建项目 1：创建一个名为
基于 Vite 搭建Vue3项目
qq_71849595的博客
11-17 2642
vue3 + Vite + Antd + Scss + Pinia 搭建项目
Vue3+Vite项目从零搭建+安装依赖+配置按需导入
qq_46574748的博客
08-14 7092
在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。
vue3 安装vite并创建项目
足各路
07-07 1327
Vite 特性 使用 rollup 按需编译，不会刷新全部DOM 开发中热更新 冷服务启动。不打包，使用 ES6 import。 安装步骤 1、安装 Vite npm install -g create-vite-app 2、利用 Vite 创建 Vue3.0 项目 create-vite-app project-name 3、安装依赖运行项目 进入工程项目文件夹 cd project-name 安装项目依赖 npm install 运行项目 npm run dev ...
手动搭建 Vue 3 + Vite 项目
顺芯技术猿的博客
04-21 950
通常我们都是通过Vue CLI脚手架来进行项目搭建，当然！除了这样，还可以通过自己手动搭建一个Vue3 + Vite 的项目。
Vue3.0—vite—安装element-plus
m0_37616866的博客
10-26 1746
1、安装element plus npm install --save element-plus 2、在main.ts文件里面配置element-plus import { createApp } from 'vue' import App from './App.vue' import router from './router/index.js' import ElementPlus from 'element-plus'; import 'element-plus/dist/index.css'
vue3 + vite 安装配置及项目创建
热门推荐
qq_17627195的博客
11-03 2万+
和 安装就不讲了，需要注意的是 需要版本是 以上。VUE官网： https://cn.vuejs.org/1. 安装vue 方法一： 标签 CDN 引入方式 方法二： 安装 检查安装完成方法： 2. 安装 Vitevite官网： https://cn.vitejs.dev/ 3. 用 Vite 创建项目 先进入你的项目目录，我这里是 这里创建 项目 然后选择 Vue 这里看你用 TS 还是 JS 了，选择后回车 最后就创建完成了 3. 进入项目安装依赖 4. 启动项目
vue3.0 vite ts
04-03
Vue 3.0 is the latest version of the popular JavaScript framework Vue.js. It comes with many new features and improvements, including a new reactivity system, improved performance, and better TypeScript support. Vite is a build tool that is designed to be fast and efficient. It is specifically optimized for building Vue.js applications, and it allows you to quickly spin up a development server and hot reload changes as you make them. TypeScript is a programming language that is a superset of JavaScript. It adds static typing and other features to JavaScript that make it easier to write and maintain large-scale applications. Vue.js has always had good TypeScript support, but with Vue 3.0, it has been improved even further. This makes it easier to write type-safe Vue components and reduces the likelihood of errors in your code.
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值