前言
“学习能力也好，执行力也罢，核心只有一个：在刚开始的时候，平静地接受自己的笨拙。” 本篇文章是 Vue项目基于 Vite初始化的过程，借此记录一下，巩固基础！
第一章 安装 Vite，本篇基于npm进行（请检测自己的node版本）
具体可看：Vite官方中文文档
npm install -g create-vite-app
全局安装vite，可能会出现：
npm WARN deprecated create-vite-app@1.21.0: create-vite-app has been deprecated.
run `npm init @vitejs/app` or `yarn create @vitejs/app` instead.
继续输入：
npm init @vitejs/app
第二章 创建项目
创建一个空的项目文件夹，用vscode打开，
打开终端，执行命令：文章来源：https://www.toymoban.com/news/detail-777199.html
npm init vue@latest
会出现（以下是示例）：文章来源地址https://www.toymoban.com/news/detail-777199.html
√ Project name: ... code1 （项目名字）
√ Add TypeScript? ... No / Yes （是否要添加TypeScript）
√ Add JSX Support? ... No / Yes （是否添加JSX，一般React用的比较多，Vue用的少，选择No）
√ Add Vue Router for Single Page Application development? ... No / Yes（是否添加VueRouter，根据需要选择）
√ Add Pinia for state management? ... No / Yes （是否添加Pinia，状态管理器，根据需要选择）
√ Add Vitest for Unit Testing? ... No / Yes （是否添加单元测试）到了这里，关于【Vue + TS】项目架构、环境搭建 -------（Vite)安装初始化（一）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
