vite创建项目及设置alias用@代替src失败的解决方法

原创

已于 2025-11-25 11:13:15 修改 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

于 2025-09-15 16:31:36 首次发布

1,使用vite创建项目
npm create vite@latest
2,选择脚手架配置
project name： bigscreen
select a framework：> Vue
select a variant: > Javascript
3, 跳转到项目目录 cd bigscreen
4,安装项目依赖 npm i
5,Install Tailwind CSS with Vite
npm install -D tailwindcss@3 postcss autoprefixer
npx tailwindcss init -p
Configure your template paths 配置 tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
Add the Tailwind directives to your CSS
Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file
@tailwind base;
@tailwind components;
@tailwind utilities;