创建项目
使用yarn create vite
自动创建项目,如下所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/11723708960e40e2aa61f7d0e9d716f0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAendmMTkzMDcx,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
再通过命令code 'chrome-vite extension'
快速用vscode
打开chrome-vite extension
项目
安装依赖
需先安装vite-plugin-chrome-extension
, 如下所示:
yarn add vite-plugin-chrome-extension -D
紧接着, 使用npx tailwindcss init -p
安装tailwindcss
, 完成后, 会自动在项目下生成postcss.config.js
和tailwind.config.js
两个文件, 如下所示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/6fc77388ea004ad6880fa8dd2cc2f854.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAendmMTkzMDcx,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)