vite创建vue3项目，src别名不生效

你好！要在Vite中创建一个Vue 3项目并使src别名生效，你可以按照以下步骤操作：

1. 首先，确保你已经安装了Vite。你可以使用以下命令进行安装：

npm install -g create-vite

2. 创建一个新的Vue 3项目。在命令行中运行以下命令：

create-vite my-project --template vue-ts

这将使用Vue 3和TypeScript作为模板来创建一个新的Vite项目。

3. 进入项目目录：

cd my-project

4. 安装项目依赖：

npm install

5. 在项目根目录下创建一个`vite.config.ts`文件，并添加以下内容：

import { defineConfig } from 'vite';
import { resolve } from 'path';

export default defineConfig({
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },
});

这将为`src`目录创建一个别名`@`。

6. 在`package.json`文件中的`scripts`部分添加一个`dev`脚本来启动开发服务器，并指定使用我们的配置文件：

"scripts": {
  "dev": "vite --config vite.config.ts"
},

现在，当你运行`npm run dev`时，Vite将会启动开发服务器，并且你应该可以使用别名了。例如，你可以在你的Vue组件中这样导入：

import HelloWorld from '@/components/HelloWorld.vue';

希望这可以帮助到你！如有其他问题，请随时提问。