vite app 创建

Vite是一款基于ESM的构建工具，它的设计目标是提高开发者的开发效率和构建速度。Vite采用了一种新的打包方式，即通过浏览器原生支持的ES模块系统进行打包。它支持Vue、React、Svelte等多种框架，同时也支持TypeScript。

Vite的特点在于它的开发模式和构建模式是分离的。在开发模式下，Vite使用ESM原生支持的模块机制，将每个模块作为一个单独的文件进行处理，这样可以将文件的加载速度提高到最快。在生产构建模式下，Vite会将所有的模块合并并压缩，生成最终的打包文件。

下面，我们来介绍一下如何使用Vite创建一个Vue应用。

1. 安装Vite

首先，我们需要安装Vite。可以通过npm或yarn进行安装：

```

npm install -g vite

```

或者

```

yarn global add vite

```

2. 创建Vue应用

使用Vite创建Vue应用非常简单，只需要执行以下命令：

```

npm init vite-app my-vue-app

```

或者

```

yarn create vite-app my-vue-app

```

其中，my-vue-app是你的项目名称。

执行完命令后，Vite会自动创建一个Vue的项目，并下载所需的依赖包。

3. 启动项目

进入项目目录，执行以下命令启动项目：

```

npm run dev

```

或者

```

yarn dev

```

这样，Vite就会启动一个本地的开发服务器，并自动打开浏览器，显示你的Vue应用。

4. 编写代码

现在，你可以开始编写Vue应用的代码了。Vite使用的是ESM模块机制，因此你可以使用import和export语句来导入和导出模块。例如：

```

// MyComponent.vue