vue3项目创建方式记录

原创 已于 2025-10-23 14:34:56 修改 · 633 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

于 2024-11-30 20:38:06 首次发布

目录

创建vue3常用的方式有三种：

一.使用vue cli创建

vue create 项目名

![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/97565ca77c5248ffbfad1cad08217b5e.png
在这里插入图片描述

二.使用vite创建

vite是下一代前端开发与构建工具。Vite意在提供开箱即用的配置，同时它的插件API和JavaScript API 带来了高度的可扩展性，并有完整的类型支持。

npm init vite@latest

在这里插入图片描述

三.使用vue3官方推荐创建方式（create-vue）

npm create vue@latest

在这里插入图片描述
这种方式相比第二种创建方式，集成了更多依赖和工具，比如Pinia和Router,让我们开发更加便捷。

vue3新创建项目启动报错，如何解决？
**My Coding Family**
01-16 1380
删除和，重新安装依赖。确保 Node.js 版本符合要求，建议使用 LTS 版本。尝试重新创建项目。查看具体的报错信息，定位问题。如果依然无法解决问题，提供具体的错误信息可能有助于进一步分析问题。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。
Vue项目创建及配置
L14173233的博客
08-07 2080
Vue是一种用于构建用户界面的JavaScript框架。它采用了一种称为MVVM（Model-View-ViewModel）的架构模式。MVVM是一种将用户界面与业务逻辑和数据分离的设计模式。Model（模型）：表示应用程序的数据和业务逻辑。在Vue中，模型通常是一个JavaScript对象。View（视图）：表示用户界面。在Vue中，视图通常是使用HTML模板构建的。ViewModel（视图模型）：充当模型和视图之间的中间层。
手把手教你创建vue3项目的三种方式
qq_44741577的博客
01-29 1万+
手把手教你创建vue3项目的最佳方式。
如何创建一个 Vue 3 项目
一起coding，一起嗨。
01-24 786
如何创建一个 Vue 3 项目
Vue3 脚手架搭建项目详细过程
zyf971020的博客
10-12 1万+
Vue3 脚手架搭建项目详细过程及代码规范配置
vue3 项目的构建方式
weixin_44719499的博客
10-18 2138
Vue CLI是官方推荐的方式，适合大型、复杂项目，支持多种插件和配置。Vite是 Vue 3 的现代开发工具，速度快，适合快速开发和现代化的开发体验，特别推荐。手动配置适合定制化需求的项目，可以灵活选择工具和配置方案。这几种方式都能帮助你快速上手 Vue 3，根据你的项目需求选择合适的创建方式。
从零创建 Vue 3 项目
码农键盘上的梦
02-06 8418
方法适用场景优点缺点Vue CLI中大型项目，需要完整生态支持功能强大，插件丰富配置复杂，启动速度较慢Vite现代前端项目，追求开发体验启动速度快，开发体验极佳生态相对较新官方模板快速上手，定制化需求简单快捷功能较少StackBlitz在线原型开发，快速分享无需本地环境依赖网络，功能受限在线开发，团队协作支持多人协作依赖网络，功能受限快速创建项目官方支持，配置灵活功能较少Nuxt.js服务端渲染，静态站点生成支持 SSR/SSG，SEO 友好。
创建vue3项目-vue3笔记
最新发布
10-29
Vue 3项目创建是一个简单的流程，主要通过Vue CLI或者Vite来启动。首先，Vue CLI提供了创建项目的传统方法，用户需要先安装Node.js环境和npm包管理器。然后安装Vue CLI工具，并通过命令行执行vue create project-...
若依vue3项目无若依标志版本
09-12
在当前的软件开发领域，若依（Ruoyi）作为一个流行的开源项目，尤其是基于Vue.js的前后端分离管理平台Ruoyi-Vue3版本，备受关注。然而，有些用户可能出于特定的定制需求，希望去除项目中的若依品牌标志，实现无若依...
vue3 项目购物车 + 动画效果
03-16
综上所述，这个项目展示了Vue3如何与动画库和Vuex结合，创建一个功能丰富的购物车应用。开发者通过动画提升了用户体验，并利用Vuex有效地管理了应用的状态。对于想要学习Vue3和动画集成的开发者来说，这是一个很好的...
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 15万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
VUE3项目的几种创建方式
qq_45705626的博客
09-04 794
其实这个npm create就是npm init的别名，是一个东西。在现在官方最新的文档中的方式是。
创建vue3的方式
蚂蚁的博客
08-24 220
创建vue3的方式
Vue项目创建指南（Vue3)
hahahah25的博客
06-22 440
Vue项目创建指南
新建vue3项目
qq_46490956的博客
07-04 666
③安装完之后，可通过①中的命令来判断是否安装好了，如果返回版本就代表安装好了，现在开始新建项目，在对应文件夹的路径输入命令。1.无论哪种开发方法，我们先要进入指定目录，首先进入到需要新建项目的文件目录，直接在文件路径里输入’cmd‘，回车后就会打开命令行窗口。介绍：关于创建vue项目的两种方法：一种是使用vue-cli，另一种是使用Vite创建项目，关于两种的区别以下为ai回答。回车后，选择版本 ，通过上下键切换，此处我们选择自定义创建项目，选中后回车。选择配置，上下键切换，空格选中，选好后回车。
vue3项目搭建
你华还是你华
02-27 7583
这些文件是初始化项目时默认生成的，我们不需要这些文件，进行删除。我们需要将粒子动画放在登录处，所以修改。在项目根目录想新建文件。配置自定义重置/变量。
Vue3的基本介绍及创建方式
凯凯凯凯凯凯凯凯
11-02 384
Vue3的基本介绍及创建方式
简单创建vue3项目 + 初始化方法基础配置 （快速建好一个新的项目）
qq_34007956的博客
05-18 5212
在命令行中利用npm进行简单的创建vue3项目以及安装几个常用的插件一、创建vue项目（一）安装node.js在安装node.js时会自动安装npm，可通过node -v 和npm -v 命令进行查看是否进行了相应的安装：安装node.js教程详见。
如何创建vue3项目
阿小绿的博客
08-24 196
资料来源于：b站P140视频 - https://www.bilibili.com/video/BV1Zy4y1K7SH?p=144&spm_id_from=pageDriver
vue3项目创建+router
03-27
一旦项目创建完毕，可以通过以下命令进入项目目录： ```bash cd your-project-name ``` 接着，在项目中安装最新版本的 Vue Router (v4)，这是专门为 Vue 3 设计的路由库。执行如下命令进行安装： ```bash npm ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值