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项目完整示例:


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

被折叠的 条评论
为什么被折叠?



