项目启动准备工作
1.新建文件夹
2.在终端输入:ambients init
3.空格选择需要的功能
4.yarn 安装选择的功能
5.yarn add tailwindcss react react-dom @types/react @types/react-dom
6.在index.tsx下面:
导入
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
ReactDOM.render(<App />,document.getElementById("app"));
7.创建App.css文件
// 导入tailwindCSS
@tailwind base;
@tailwind components;
@tailwind utilities;
*{
position: relative;
box-sizing: border-box;
}
8.创建App.tsx文件
导入react和App.css
import React from "react";
import "./App.css";
导出App.tsx
export default App;