【VUE的学习】安装vue和Tailwind CSS

安装vue

npm init @vitejs/app vue-app

进入创建的项目文件夹

 cd vue-app

继续安装vue的东西

npm install

安装tailwind 和 postcss autoprefixer

npm install -D tailwindcss postcss autoprefixer

初始化tailwind 和 postcss

 npx tailwindcss init -p  

然后打开你的项目文件

会看见postcss.config.js里面设置了 tailwindcss和autoprefixer

再打开tailwind的设置文件：tailwind.config.js 设置purge部分

purge: [
	  './index.html',
	  './src/**/*.{vue.js.ts.jsx.tsx}'
  ],

然后在src下创建index.css加载tailwind三大部件

@tailwind base;
@tailwind components;
@tailwind  utilities;

然后在main.js载入index.css

import './index.css'

最后npm run dev启动vue安装就算完成啦！