VUE_如何使用vite创建vue项目

最新推荐文章于 2024-07-31 21:25:15 发布
最新推荐文章于 2024-07-31 21:25:15 发布
阅读量1k 收藏 3
点赞数 1
分类专栏： # VUE 文章标签： vue.js javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44599931/article/details/110656844
版权

安装Vite

npm install -g create-vite-app

利用vite创建vue3项目

create-vite-app projectName

安装依赖运行项目

cd projectName
npm install

启动

npm run dev

打包

yarn build
//或
npm run build

打包后预览

yarn serve
//或
npm run serve

vue3.0兼容vue2.x
在这里插入图片描述

小歪 | 前端
关注
专栏目录
Vue3 - Vite 安装与创建 vue3 项目（使用 vite 创建 vue 项目）
王佳斌
08-24 1万+
前言 为什么使用 vite（官方解释）：https://vitejs.cn/guide/why.html 它是一款由 尤雨溪 开发的新工具，旨在代替 webpack ，利用浏览器现已支持 ES6 的基础，遇到 import 会发送一个请求去加载文件，vite 拦截这些请求做一些预编译，省去了冗长的打包时间，从而提升开发体验，具体详见官方网站。 第一步：安装vite 也可使用 yarn 进行安装，本篇基于 npm 进行。 在任意位置终端执行如下代码： npm install -g create-vit
如何使用vite创建vue3.0项目
我的博客
12-12 376
一、首先系统需要有node环境。
安装配置vue3+vite
weixin_44523517的博客
04-24 1万+
安装配置vue3+vite
vite创建Vue2项目（配图详细）
最新发布
敲厉害的燕宝的博客
07-31 1135
Vite 默认支持 Vue 3，但你也可以使用 Vite 来搭建 Vue 2 的项目。不过，这需要一些额外的配置，因为 Vue 2 不支持原生的 ES 模块，而 Vite 是基于 ESM 的。
Vue 3 安装及环境配置
热门推荐
kingdom_C的博客
03-10 4万+
Vue 3 安装及环境配置
vue3+vite
weixin_45086164的博客
03-09 1126
vue3+vite
vue3.0 vite安装
知其白，守其黑；和其光，同其尘。
03-09 1053
vue3.0 vite安装 安装 Vite npm install -g create-vite-app 利用 Vite 安装 Vue3.0 项目 create-vite-app projectName 安装依赖运行项目 cd projectName //进入工程项目文件夹 npm install //安装项目依赖 npm run dev //运行项目 ...
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
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+...
基于Vue3+Vite的商品管理系统可视化页面源码.zip
08-21
基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品...
vue3+vite 组件打包
04-16
1. **安装依赖**：首先，确保项目已安装Vue3 和 Vite，以及必要的构建工具，如rollup或webpack。 2. **创建组件**：在`src/components`目录下创建Vue3组件，每个组件包含模板、脚本和样式。 3. **配置Vite**：在`...
vue3和vite安装
TheSpiritIsHeart的博客
07-18 1661
安装
[vue] Vite的使用
前端
03-04 1863
[vue] Vite的使用环境package.json文件变更变更脚手架修改脚本命令index.html 文件htmlWebpackPlugin 替换为 vite-plugin-htmlWe're sorry but vue3.x-vite-ts doesn't work properly without JavaScript enabled. Please enable it to continue.vite.config.ts 文件变更vite-plugin-htmlYou are running th
vue3安装教程 - 简易版
qq_35849707的博客
03-01 1万+
从零开始安装vue3，有图文参考。安装过vue2的也可以按教程操作哦！
vue3以及vite的安装
weixin_41415820的博客
09-06 474
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
VUE 3 安装
菜鸟搬砖记
08-31 297
如果原先有安装vue2脚手架的，先把vue2脚手架卸载 npm uninstall vue-cli -g 接着安装vue3新的脚手架 npm install -g @vue/cli 查看版本号 vue -V 创建项目 旧版本： vue init webpack 项目名称 新版本： vue create 项目名称（不支持用驼峰） ...
Vue3的安装
讯达网络科技的博客
04-26 2173
1、安装nodejs，下载地址为：https://nodejs.org/zh-cn/ 2、在CMD内输入命令：node -v 查看node版本 3、在CMD内输入命令：npm -v 查看npm版本 4、在CMD内输入命令：npm install cnpm -g 安装cnpm 5、在CMD内输入命令：cnpm install -g @vue/cli 安装vue-cli，输入命令：vue -V,查看版本 ...
vue3的安装
weixin_51744264的博客
09-01 1198
Vue（读作 /vjuː/，类似view）是一个用于构建用户界面的 JavaScript 框架。它建立在标准 HTML、CSS 和 JavaScript 之上，并提供了一个声明性和基于组件的编程模型，可帮助您有效地开发简单或复杂的用户界面。
VUE3.0 安装
miracleon的博客
11-02 7374
Node.js 安装详细步骤 1.安装node.js https://nodejs.org/en/ 查看版本号 node -v npm -v。 2.配置npm（node package manager）在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间， 所以这里配置自定义的全局模块安装目录，在no
vue使用vite创建项目
10-25
如果是第一次使用 Vite 创建项目，会提示安装 create-vue 脚手架。需要输入 y 然后按回车键确认安装。在 VSCode 中打开项目，随便选择一个文件，按 ctrl + 反引号 打开终端，然后在终端中输入 npm run dev 运行当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值