Vue3项目创建

本文介绍了在文件夹中通过cmd终端创建Vue项目的两种方式。Vite是现代化前端构建工具,创建的项目有快速热模块替换等特性;Vue CLI是官方脚手架,集成Vue生态和最佳实践。还给出了选择建议,并表示主要介绍npm init vue@latest构建的Vue项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.选择文件夹 cmd 打开终端窗口

2.输入npm create vite@latest 或者 npm init vue@latest

(1)Vite 是一个现代化的前端构建工具,用于快速搭建现代化的 Vue、React 或者原生 JavaScript 项目。通过该命令创建的项目模板具有现代化的构建特性,如快速的热模块替换、即时的开发服务器、基于 ES 模块的构建等,能够提供更快的开发和构建速度。

npm create vite@latest

(2)Vue CLI 是一个官方提供的用于快速搭建 Vue 项目的脚手架工具。通过该命令创建的项目模板集成了 Vue 相关的生态系统和最佳实践,包括路由、状态管理、打包配置等。Vue CLI 提供了更多的选项和配置,适用于更复杂的 Vue 项目需求。

npm init vue@latest

总结:

        如果需要构建一个 Vue 项目,并且需要使用 Vue 生命周期、Vue Router、Vuex 等 Vue 生态的全套功能,以及一些预定义的配置和插件,可以选择使用 npm init vue@latest。

        如果需要构建一个现代化的、轻量级的项目,不依赖传统的打包工具如 webpack,而且希望享受到 Vite 的极速开发体验,可以选择使用 npm create vite@latest。

本文主要介绍的是 npm init vue@latest 构建的Vue项目。

创建Vue项目完整示例:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值