vue3+vite搭建项目流程

最新推荐文章于 2024-07-25 22:33:44 发布
最新推荐文章于 2024-07-25 22:33:44 发布
阅读量37 收藏
点赞数
文章标签： vue.js node.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SuSu__Cheer/article/details/134976931
版权

首先要有vue环境， node和npm版本都相对高一点（比如现在用的是 node:18.17.0 npm: 10.2.5)

1.npm init vite-app （项目名称）

2.如果提示Need to install the following packages:
create-vite-app@1.21.0
Ok to proceed? (y)  就选择y回车

3.cd 项目名称

4.npm run dev

整个过程如下：

SuSu__Cheer
关注
vue3+vite+ts+antv/x6搭建的流程图编辑页面
03-26
最后，还为这些功能提供了对应的快捷键，使得我们可以更加快速地上手并完成流程图编辑项目。这些快捷键的设计充分考虑了用户的使用习惯，使得操作流程更加顺畅和高效。 流程图编辑页面是一个专门用于创建、编辑和...
Vue3+Vite4+TS 后台模板
06-08
综合这些技术，Vue3+Vite4+TS后台模板为开发者提供了一个高效、易用且功能丰富的开发基础，能够快速搭建后台管理系统，节省时间和精力，同时确保代码质量。在实际项目中，开发者可以根据具体需求进行定制和扩展，以...
Vite 创建 Vue3 项目(完整)
m0_54158068的博客
02-25 1万+
Vite 创建 Vue3 项目(完整)
小白vite+vue3搭建项目整个流程
qq_39536826的博客
09-27 1267
小白vite+vue3搭建项目整个流程
vue3+vite 搭建项目的详细教程
weixin_65644264的博客
07-15 361
以上就是使用 Vue 3 和 Vite 搭建项目的详细步骤。这个过程非常简单快速，Vite 提供了快速的开发体验，而 Vue 3 则是一个功能强大且易于使用的框架。希望这个教程对你有帮助，祝你开发愉快！
vue3创建vite项目
qq_19688207的博客
07-25 1683
命令行创建：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创建vue3项目）
最新发布
m0_62626838的博客
07-25 183
2、通过npm init vue@latest命令安装vue3项目脚手架。（这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。1、在使用vue3之前，需要确保你的node版本大于16.0 或更高版本的 Node.js。4、通过npm i 安装依赖。node –v　（查看本机安装的node版本）然后重新执行npm i 命令，此时依赖就可以安装成功了。5、运行npm run dev命令启动项目。3、接着创建项目名称并按需安装。
vue3+vite+antd 后台管理系统基础模板
02-06
这个"vue3+vite+antd 后台管理系统基础模板"是一个用于快速搭建后台管理系统的项目起点。它集成了Vue3的最新特性、Vite的高效开发环境以及Antd的UI组件，为开发者提供了一个稳定且高效的开发平台。 `.env....
用vue3+elementPlus+vite搭建的electron桌面端应用模板，方便快速创建类似项目.zip
02-09
5. "快应用"：通常指的是能够在手机上快速启动、无需安装的应用，但在这个上下文中，可能是指快速开发应用的意思，即通过模板和成熟的技术栈快速搭建项目，减少重复工作。 6. "企业"：这表明这个模板适用于企业级...
Vue3+Vite+Ts+Pinia+....一个快速开发vue3的模板框架，快速搭建前台应用.zip
02-08
Vue3的Composition API有助于组织复杂业务逻辑，TypeScript保证了代码质量，而Vite和Pinia则优化了开发流程。 【快速开发】 使用这个模板框架，开发者可以快速搭建Vue3应用。模板可能包含了预配置的项目结构、依赖...
vue3+vite搭建项目
xuanmeimei123的博客
08-18 207
项目就创建成功啦，但是此时你会发现，vite项目比起vue-cli创建的项目来说，携带的插件很少，创建时少了可选项操作。src 就是工作的重点，我们需要在 src 目录下细化项目规范。并且大部分的代码都在 src 目录下管理和书写。vite.config.js Vite 相关所有工程化的配置；package.json 管理项目依赖和配置的文件；index.html 项目的入口；初始化项目/下载依赖 (npm i)运行项目 （npm run dev）切换到项目目录 （cd…
Vue3项目搭建流程
冲冲冲
06-12 2787
git初始化：打开终端，执行命令git init（这里需要在vscode中打开Git Bash终端，而不是powershell）执行完成后会在项目目录生成一个.husky文件夹安装 lint-staged （依然在Git Bash终端执行此命令）配置// ... 省略 ...// ... 省略 ...修改 .husky/pre-commit 文件安装插件 pinia-plugin-persistedstate在stores下新建index.js。
vue3+vite 项目创建
blair1的专栏
04-12 414
安装完成后，可以打开cmd命令行窗口，执行。
手把手教你用Vite构建第一个Vue3项目
再小的帆也能远航，把分享变成一种习惯
09-04 7515
今天就来说说怎么创建第一个Vue3项目。并安装Element Plus 及一些常用配置，最终实现一个简单增删改查页面
【Vue3】利用vite创建vue3项目
m0_55394328的博客
03-19 1213
vite是一个web开发构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。相对于webpack可以更快创建项目。注意：vite不支持IE11一个开发服务器，它利用原生ES模块提供了丰富的内建功能。一套构建指令，它使用Rollup打包代码，预配置输出高度优化的静态资源用于生产。serve：启动一个用于开发的服务器build：构建整个项目，也就是上线以上就是今天的学习内容啦~如果有兴趣的话可以订阅专栏，持续更新呢~咱们下期再见~
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 8万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
使用vite创建vue3项目 + 配置路由 + 配置pinia
2302_78387246的博客
04-02 2957
【前端入门】【小白必看】【一看就会】使用vite创建vue3项目 + 配置路由 + 配置，里面附带了简单的代码，让朋友们可以边看边跟着学，建议将代码内容消化，CV只是为了学的更快
Vue3快速上手（一）使用vite创建项目
一掬净土
02-05 1291
Vue3快速上手（一）使用vite创建项目，需要安装node.js,我这边v18.19.0。
创建vue-vite项目
qq_45645345的博客
04-21 1770
创建vue-vite项目 Microsoft Windows [版本 10.0.22598.200] (c) Microsoft Corporation。保留所有权利。 E:\桌面\vue\code> E:\桌面\vue\code>npm init vite-app code1 Need to install the following packages: create-vite-app Ok to proceed? (y) y npm WARN deprecated create-vit
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值