'@vueuse/core' 如何在vite中安装 以及vite config 配置

在Vite中安装`@vueuse/core`库，你可以按照以下步骤操作：

1. 打开命令行工具（如Terminal或Git Bash）并导航到你的项目根目录。
2. 如果还没有安装`npm`或`yarn`，请先安装其中之一。然后运行以下命令安装`vite`（如果尚未安装）：
- 使用`npm`:

     npm install -g create-vite

- 或者使用`yarn`:

     yarn global add @vite/cli

3. 创建一个新的Vite项目，例如命名它为`my-project`：
- 使用`npm`:

     create-vite my-project

- 使用`yarn`:

     npx create-vite my-project

4. 进入新项目的目录：

   cd my-project

5. 安装`@vueuse/core`：

   npm install vueuse @vueuse/core
   # 或者使用 yarn:
   yarn add vueuse @vueuse/core

6. 现在`@vueuse/core`已经在你的项目中可用。为了在`.vite/App.vue`或其他组件中使用它，你需要导入它。

至于Vite的配置，虽然`@vueuse/core`本身不需要特定的配置，但是如果你想在构建过程或热更新时优化性能，可以在`vite.config.js`文件中做一些调整。例如，如果你想要启用树状缓存，可以添加以下配置：

// vite.config.js
export default defineConfig({
  build: {
    rollupOptions: {
      output: {
        dir: 'dist',
        entryFileNames: '[name].js', // 更改输出文件结构
      },
      treeshake: true, // 压缩并移除未使用的模块
    },
  },
});

这里我们配置了构建时的输出选项和treeshake（删除未使用的依赖）。当然，这取决于你的实际需求。Vite默认配置已很适合大部分项目，所以除非有特殊需求，否则直接使用`@vueuse`即可。