搭建 Vite + Vue TypeScript 项目框架：配置 Less、SVG、Pinia、Vant 和 Axios

搭建 Vite + Vue TypeScript 项目框架：配置 Less、SVG、Pinia、Vant 和 Axios

在前端开发中，构建一个稳定和高效的项目框架是非常重要的。本文将介绍如何从零开始搭建一个 Vite + Vue + TypeScript 的项目框架，并配置 Less、SVG、Pinia、Vant 和 Axios。

准备工作

在开始之前，我们需要确保已经安装了 Node.js 和 npm。你可以从官方网站（https://nodejs.org ↗）下载并安装最新版本。

创建新项目

首先，我们需要创建一个新的项目文件夹并进入该文件夹：

mkdir my-project
cd my-project

然后，我们可以使用 npm 初始化一个新的项目：

npm init