https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Recent content in create-vite on 编程那些事儿Hugozh-cnFri, 27 Mar 2026 21:25:30 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-01-What-Is-Create-Vite/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-01-What-Is-Create-Vite/<h1 id="第一章create-vite-是什么">第一章：Create-Vite 是什么</h1> <h2 id="11-create-vite-与-vite-的关系">1.1 Create-Vite 与 Vite 的关系</h2> <p>想象一下，你走进了一家全自动机器人餐厅。</p> <p><strong>Vite</strong> 就是那个后厨里挥汗如雨的大厨——它负责真正把饭做出来（构建你的项目），切菜、炒菜、摆盘，一条龙服务。没有它，你的前端代码就只能是一堆原始食材（<code>.js</code>、<code>.vue</code>、<code>.css</code> 文件），永远上不了餐桌。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-02-What-Can-Create-Vite-Do/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-02-What-Can-Create-Vite-Do/<h1 id="第二章create-vite-能做什么用途">第二章：Create-Vite 能做什么（用途）</h1> <h2 id="21-快速初始化前端项目">2.1 快速初始化前端项目</h2> <h3 id="211-什么是初始化为什么它值得专门做一个工具">2.1.1 什么是&quot;初始化&quot;？为什么它值得专门做一个工具？</h3> <p>写代码之前，项目要先&quot;站起来&quot;。这个&quot;站起来&quot;的过程，就是<strong>初始化</strong>（Initialization）。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-03-How-To-Use-Create-Vite/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-03-How-To-Use-Create-Vite/<h1 id="第三章create-vite-怎么用">第三章：Create-Vite 怎么用</h1> <h2 id="31-环境准备nodejs--npm--pnpm--yarn">3.1 环境准备（Node.js / npm / pnpm / yarn）</h2> <h3 id="311-在开始之前先问自己一个问题什么是-nodejs">3.1.1 在开始之前，先问自己一个问题：什么是 Node.js？</h3> <p>好，如果你已经知道 Node.js 是什么，可以直接跳到 3.1.2。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-04-Where-To-Use-Create-Vite/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-04-Where-To-Use-Create-Vite/<h1 id="第四章create-vite-用在哪适用场景">第四章：Create-Vite 用在哪（适用场景）</h1> <h2 id="41-新项目初始化">4.1 新项目初始化</h2> <h3 id="411-什么时候该用-create-vite-初始化新项目">4.1.1 什么时候该用 Create-Vite 初始化新项目？</h3> <p>这是 Create-Vite 最核心的使用场景——<strong>当你决定开始一个新项目时，第一件事就是用它来搭架子</strong>。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-05-Precautions-When-Using-Create-Vite/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-05-Precautions-When-Using-Create-Vite/<h1 id="第五章使用-create-vite-的注意事项">第五章：使用 Create-Vite 的注意事项</h1> <h2 id="51-nodejs-版本要求">5.1 Node.js 版本要求</h2> <h3 id="511-create-vite-对-nodejs-版本的最低消费">5.1.1 Create-Vite 对 Node.js 版本的&quot;最低消费&quot;</h3> <p>Create-Vite 不是所有 Node.js 版本都能用，它有一个<strong>最低版本要求</strong>。</p> <p>截至目前，Create-Vite 5.x 要求 <strong>Node.js &gt;= 18.12.0</strong>。</p>https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-06-Related-Configuration/Fri, 27 Mar 2026 21:01:00 +0800https://before80.github.io/prgms/Js/tools/scaffold/create-vite/Chapter-06-Related-Configuration/<h1 id="第六章相关配置">第六章：相关配置</h1> <h2 id="61-viteconfigjsts-配置文件">6.1 vite.config.js/ts 配置文件</h2> <h3 id="611-配置文件是什么放在哪">6.1.1 配置文件是什么？放在哪？</h3> <p><code>vite.config.js</code>（或 <code>vite.config.ts</code>）是 <strong>Vite 的&quot;总控室&quot;</strong>——所有的构建行为、开发服务器设置、插件配置，都集中在这个文件里。</p>