创建vite+vue3项目

最新推荐文章于 2024-08-19 10:57:12 发布
最新推荐文章于 2024-08-19 10:57:12 发布
阅读量610 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l_15737525552/article/details/131885542
版权
本文介绍了如何使用npm、yarn或pnpm创建Vite的最新项目，要求Node.js版本大于等于12.0.0。步骤包括运行创建命令，指定项目名称，选择Vue框架和JavaScript类型，最后成功运行项目所需的命令。
摘要由CSDN通过智能技术生成

1.运行创建项目命令

# 使用 npm
npm create vite@latest
# 使用 yarn
yarn create vite
# 使用 pnpm
pnpm create vite

注：Vite 需要 Node.js 版本 >= 12.0.0

2.填写项目名称 

3.选择框架，我选择了vue

 4.选择使用的类型，在这里我选择我了js

 

5.项目创建完成，依次执行以下命令

 

 6.运行成功 

搬砖的阿鲁
关注
Vite+Vue3创建项目案例
jimson_zhu的博客
08-01 1044
Vite+Vue项目创建。
vite+vue3使用模块化批量发布Mockjs接口
03-29
在现代前端开发中，使用Vite和Vue3的组合已经成为了一种高效且灵活的选择。"vite+vue3使用模块化批量发布Mockjs接口"这个主题涵盖了如何在Vite搭建的环境中，结合Vue3和Mockjs来实现接口的模块化和批量处理。这将...
【vue3】Vue3 + Vite 项目搭建
weixin_45034639的博客
01-28 3428
Vue3 + Vite + Vant UI
速创建vue3 + vite 项目工程
最新发布
odogroup的专栏
08-19 1667
2）安装Visual Studio Code 官网：终端新建终端。Visual Studio Code 安装插件vitevite 按钮终端新建终端。13）打开 vue3_vite 文件夹，将vue-project 拖入Visual Studio Code打开。14）打开终端窗口 输入npm install （需要检查是否在对应的目录）15）安装报错，首先清除npm缓存 npm cache clean --force 试试看能否解决，或者卸载16）
vue3创建vite项目
qq_19688207的博客
07-25 1525
命令行创建：npm create vite@latest vue3-tdly-demo -- --template vue。src文件夹下创建router文件夹，并在该文件夹下创建index.js文件，官网：https://www.axios-http.cn/docs/intro。命令行：npm install vue-router@4 --save。命令行：npm install element-plus --save。官网：https://element-plus.org/zh-CN/
Vue3+Vite 创建项目
chengxuyuan1012的博客
04-20 1010
Vue3+Vite 创建项目
vue3+vite搭建项目
qq_40407998的博客
03-07 3169
vue3+vite搭建项目
vite+vue3动态模块化导入并使用pinia
03-25
1. **配置Vite**：在`vite.config.js`中，我们需要配置Vue3和Pinia的插件，如`@vitejs/plugin-vue`和`vite-plugin-pinia`，确保这些插件能在项目中正常工作。 2. **创建Pinia Store**：在`src`目录下创建`stores`...
vite+vue+cesium项目搭建
03-13
【vite+vue+cesium项目搭建】是一个关于使用现代前端构建工具Vite，结合Vue.js框架，并集成3D地球渲染库Cesium的教程。Vite是由Vue.js作者尤雨溪开发的新型前端构建工具，它提供了更快的热模块替换（HMR）和更快的...
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 仅供学习哈 也在慢慢完善中
个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板
04-01
这个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板，旨在帮助开发者快速搭建基于Cesium.js的Vue3应用程序。该模板使用了最新的Vite构建工具和Vue3框架，并集成了TypeScript和Cesium.js技术栈。 ...
vue3+vite创建项目
不染-9732
01-19 411
vue3+vite创建项目 npm init vite-app 项目名称 cd项目名称 npm install 《安装项目依赖包》 npm run dev 《启动项目》
vite+vue3项目构建
xaudin的博客
03-03 1293
Vite 是一个现代化的前端构建工具，特别适合构建 Vue.js 应用程序。通过预构建和懒加载等优化方式实现快速开发和热更新，同时内置了一些优化策略，可以提高应用程序的性能和用户体验。Vue Cli如何使用Vite 构建Vue应用程序，可参考官网，该网站提供包括安装Vite，创建Vue项目，配置Vite选项，以及Vite开发服务器的使用方法等。此外，还提供丰富的文档和示例代码，帮助我们更好地理解和使用Vite。
vue3+vite 项目创建
blair1的专栏
04-12 412
安装完成后，可以打开cmd命令行窗口，执行。
Vue3+Vite项目搭建
weixin_62918410的博客
01-03 9387
vue3+ts+element-plus项目搭建
Vue3 + vite 创建项目
热门推荐
weixin_58032613的博客
02-18 1万+
项目创建 vite的介绍 首先要想使用vite来创建一个vue项目，要把vue脚手架升级成为5.0.1版本，但是有一个很大的缺陷，就是升级过后不会再向下兼容vue2的语法创建项目的方式 脚手架升级为5.0.1版本：cnpm install vue@next 或 yarn global add @vue/cli 安装新版@vue/cli 升级完之后，输入：vue -V 来查看脚手架的版本号 脚手架为5.0.1版本创建项目的语法也变了，原本在4.5.15版本的时候还可以做到向下兼容使用vue cli语法
怎么创建vite+vue3.0项目
05-20
创建 Vite + Vue3.0 项目可以按照以下步骤进行： 1. 首先确保你已经安装了 Node.js 和 npm 的最新版本，可以在命令行中运行以下命令检查版本： ``` node -v npm -v ``` 2. 然后全局安装 Vite，可以运行以下命令： ``` npm install -g vite ``` 3. 创建一个新的 Vue 项目，进入命令行，运行以下命令： ``` mkdir my-vue-project cd my-vue-project npm init -y ``` 4. 安装 Vue3.0 和相关依赖，可以运行以下命令： ``` npm install vue@next @vue/compiler-sfc --save-dev ``` 5. 初始化 Vite，可以运行以下命令： ``` vite init ``` 然后根据提示选择 Vue 3.0 作为模板。 6. 启动开发服务器，可以运行以下命令： ``` npm run dev ``` 然后在浏览器中打开 http://localhost:3000 就可以看到项目的主页了。 以上就是创建 Vite + Vue3.0 项目的基本步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值