# tailwind-lianxi

**Repository Path**: codesigner2018_admin/tailwind-lianxi

## Basic Information

- **Project Name**: tailwind-lianxi
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-17
- **Last Updated**: 2024-08-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

1. npx tailwindcss init
2. 新建build src 文件夹
3. src/input.css

    1. input.css写代码
    2. ```css
        @tailwind base;
        @tailwind components;
        @tailwind utilites;
        ```

4. build/index.html
5. tailwindcss 开发一个网站

    1. npx tailwindcss init
    2. 新建build src 文件夹
    3. src/input.css

        1. input.css写代码

    ```css
     @tailwind base;
     @tailwind components;
     @tailwind utilites;
    ```

    1. build/index.html

    GitHub:

    https://github.com/gitdagray/tailwind-css-course

    ![](https://cdn.nlark.com/yuque/0/2024/png/1343743/1723865232344-86aa6fb8-dfef-4fb1-a5cf-06ec618a65e5.png)

    tailwindcss 开发一个网站

    1. npx tailwindcss init
    2. 新建build src 文件夹
    3. src/input.css

        1. input.css写代码

    ```css
     @tailwind base;
     @tailwind components;
     @tailwind utilites;
    ```

    1. build/index.html

    GitHub:

    https://github.com/gitdagray/tailwind-css-course

    ![](https://cdn.nlark.com/yuque/0/2024/png/1343743/1723865232344-86aa6fb8-dfef-4fb1-a5cf-06ec618a65e5.png)

    ## tailwind配置文件设置

    ```javascript
    /** @type {import('tailwindcss').Config} */
    module.exports = {
      content: ['/build/*.html'],
      theme: {
        extend: {},
      },
      plugins: [],
    }


    ```

    `npm init -y`

    ### npm脚本设置

    ```javascript
    "scripts": {
        "tailwind": "npx tailwindcss -i ./src/input.css -o ./build/style/style.css --watch"

      },
    ```

    `npm i -D prettier-plugin-tailwindcss`

    ## tailwind配置文件设置

    ```javascript
    /** @type {import('tailwindcss').Config} */
    module.exports = {
      content: ['/build/*.html'],
      theme: {
        extend: {},
      },
      plugins: [],
    }


    ```

    `npm init -y`

    ### npm脚本设置

    ```javascript
    "scripts": {
        "tailwind": "npx tailwindcss -i ./src/input.css -o ./build/style/style.css --watch"

      },
    ```

    `npm i -D prettier-plugin-tailwindcss`