comprehensive_tools之创建、配置项目-Linux大棚

admin 管理员组

文章数量: 1184232

文章目录

项目地址
安装环境自行安装
命令行
目录结构
自动导入配置
安装环境自行安装
命令行
目录结构
自动导入配置
配置 `eslint.config.mjs`
新增`prettier.config.mjs`
安装Element Plus
- ```main.ts```增加Element Plus 配置
- 自动导入
UNOCSS
- 安装 `npm install -D unocss`
- 配置自动导入修改 `vite.config.ts`
- 修改`main.ts`
- 新增`unocss.config.ts`
vueuse
- 安装
- 配置自动导入修改 `vite.config.ts`

项目地址

安装环境自行安装

命令行

npm create vue@latest

都选是，端到端随便选，也用不到
参考：

按照提示的命令执行就可以

npm install 时记得换源，要快一些，推荐使用nrm继续换源

目录结构

自动导入配置

安装环境自行安装

命令行

npm create vue@latest

都选是，端到端随便选，也用不到
参考：

按照提示的命令执行就可以

npm install 时记得换源，要快一些，推荐使用nrm继续换源

目录结构

自动导入配置

npm install unplugin-auto-import unplugin-vue-components --save-dev

修改 vite.config.ts

import { fileURLToPath, URL } from 'node:url' // 从 node 的 url 模块中导入工具，用于处理文件路径
import { defineConfig } from 'vite' // 从 Vite 中导入配置函数，用于定义 Vite 配置
import vue from '@vitejs/plugin-vue' // 从 Vite 插件库导入 vue 插件，用于支持 Vue 3 的单文件组件（SFC）
import vueJsx from '@vitejs/plugin-vue-jsx' // 导入 Vue JSX 插件，支持 Vue 组件中的 JSX 语法
// 自动导入插件，用于自动导入库中的方法
import AutoImport from 'unplugin-auto-import/vite' 
// 组件自动注册插件，用于自动扫描并注册 Vue 组件
import Components from 'unplugin-vue-components/vite'

// https://vite.dev/config/
// 使用 defineConfig 函数来定义和导出 Vite 的配置
export default defineConfig({
  // 配置 Vite 插件
  plugins: [
    vue(), // 启用 vue 插件，支持 Vue 单文件组件的编译
    vueJsx(), // 启用 vue-jsx 插件，支持 JSX 语法的编写

    // 自动导入 UI 库或其他常用工具函数，页面中可以直接使用而无需显式导入
    AutoImport({
      resolvers: [], // 可以配置特定库的解析器，自动导入库中的方法，目前为空
      imports: ['vue', 'vue-router'], // 自动导入 vue 和 vue-router 的函数，例如 `ref`, `reactive` 等
      dts: 'types/auto-imports.d.ts', // 自动生成的类型声明文件路径，用于给 TypeScript 提供提示
      dirs: [''], // 该选项可以指定自动导入自定义的工具函数的目录，目前未配置
      vueTemplate: true, // 启用该选项后，在 Vue 模板中也可以使用自动导入的函数
    }),

    // 自动注册 Vue 组件，允许在页面中直接使用组件，而无需手动导入
    Components({
      dirs: ['src/components/'], // 指定扫描组件的目录，默认会递归扫描该目录下的所有 Vue 组件
      dts: 'types/components.d.ts', // 自动生成的组件类型声明文件路径，用于 TypeScript 提供提示
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/], // 匹配需要自动注册的文件类型，包括 .vue 文件和 markdown 文件
      resolvers: [], // 可以配置组件库的解析器，用于支持自动导入第三方组件库，目前为空
    }),
  ],

  // 配置模块解析相关选项
  resolve: {
    alias: {
      // 配置路径别名，`@` 代表项目根目录的 src 文件夹，方便在项目中使用绝对路径
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})

配置 `eslint.config.mjs`

修改内容

import pluginVue from 'eslint-plugin-vue' // 引入 ESLint 的 Vue 插件，提供 Vue 文件的 linting 规则
import vueTsEslintConfig from '@vue/eslint-config-typescript' // 引入 Vue 与 TypeScript 的 ESLint 配置，支持 Vue 项目中的 TypeScript
import pluginVitest from '@vitest/eslint-plugin' // 引入 Vitest 插件，用于 Vitest 测试的 linting
import pluginPlaywright from 'eslint-plugin-playwright' // 引入 Playwright 插件，用于 E2E 测试的 linting
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting' // 引入 Prettier 跳过格式化的配置
import parser from 'vue-eslint-parser' // 引入 Vue 的 ESLint 解析器，用于解析 Vue 文件中的代码

export default [
  // 配置需要进行 Lint 检查的文件
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'], // 需要 lint 的文件类型，包括 TypeScript、TSX 和 Vue 文件
  },

  // 配置需要忽略的文件或目录
  {
    name: 'app/files-to-ignore',
    ignores: [
      '**/dist/**', // 忽略构建输出目录
      '**/dist-ssr/**', // 忽略服务器端渲染的构建输出目录
      '**/coverage/**', // 忽略测试覆盖率目录
      '.DS_Store', // 忽略 Mac 系统的 .DS_Store 文件
      'node_modules', // 忽略 node_modules 目录
      'dist', // 忽略 dist 目录
      'dist-ssr', // 忽略 dist-ssr 目录
      '*.local', // 忽略本地配置文件
      '.vscode', // 忽略 VSCode 配置目录
      '.idea', // 忽略 WebStorm 等 IDE 的配置目录
      '*.md', // 忽略 Markdown 文件
      '*.sh', // 忽略 Shell 脚本文件
    ],
  },

  // 使用 Vue 插件的基础配置，提供 Vue 项目的必要 lint 规则
  ...pluginVue.configs['flat/essential'],

  // 使用 Vue 的 TypeScript 配置，集成 Vue 和 TypeScript 的 lint 规则
  ...vueTsEslintConfig(),

  // Vitest 推荐的 ESLint 配置，用于测试文件的 linting
  {
    ...pluginVitest.configs.recommended,
    files: ['src/**/__tests__/*'], // 只对测试文件应用此规则
  },

  // Playwright 推荐的 ESLint 配置，用于 E2E 测试文件的 linting
  {
    ...pluginPlaywright.configs['flat/recommended'],
    files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}'], // 只对 E2E 测试文件应用此规则
  },

  // 通用的 ESLint 配置，适用于所有的 JS、TS 和 Vue 文件
  {
    files: ['**/*.{js,ts,vue}'], // 适用于 JS、TS、Vue 文件
    languageOptions: {
      parser: parser, // 使用 vue-eslint-parser 来解析 Vue 文件中的代码
      ecmaVersion: 2021, // 使用 ECMAScript 2021 版本的语法
      sourceType: 'module', // 使用 ES 模块的语法
      parserOptions: {
        parser: '@typescript-eslint/parser', // 对 TypeScript 代码使用 @typescript-eslint/parser 解析器
        ecmaFeatures: {
          jsx: true, // 支持 JSX 语法
        },
      },
      globals: {
        browser: true, // 全局启用浏览器相关的变量
        node: true, // 全局启用 Node.js 相关的变量
        es6: true, // 全局启用 ES6 相关的变量
      },
    },
    rules: {
      // TypeScript 相关的 lint 规则
      '@typescript-eslint/no-unused-expressions': 'off', // 关闭未使用的表达式检查
      '@typescript-eslint/no-explicit-any': 'off', // 允许使用 `any` 类型
      'no-debugger': 'off', // 允许使用 `debugger` 语句进行调试
      '@typescript-eslint/explicit-module-boundary-types': 'off', // 关闭强制显式声明模块边界类型的规则
      '@typescript-eslint/ban-types': 'off', // 允许使用一些不推荐的 TypeScript 类型
      '@typescript-eslint/ban-ts-comment': 'off', // 允许使用 TypeScript 注释
      '@typescript-eslint/no-empty-function': 'off', // 允许定义空函数
      '@typescript-eslint/no-non-null-assertion': 'off', // 允许使用非空断言（`!`）
      '@typescript-eslint/no-unused-vars': [
        'error',
        {
          argsIgnorePattern: '^_', // 忽略以 `_` 开头的函数参数未使用警告
          varsIgnorePattern: '^_', // 忽略以 `_` 开头的变量未使用警告
        },
      ],
      'no-unused-vars': [
        'error',
        {
          argsIgnorePattern: '^_', // 忽略以 `_` 开头的未使用变量
          varsIgnorePattern: '^_',
        },
      ],
      // Vue 相关的 lint 规则
      'vue/no-v-html': 'off', // 允许使用 `v-html` 指令
      'vue/require-default-prop': 'off', // 不强制为每个 prop 提供默认值
      'vue/require-explicit-emits': 'off', // 不强制显式声明组件的 `emits` 事件
      'vue/multi-word-component-names': 'off', // 允许组件名为单个单词
      'vue/html-self-closing': [
        'error',
        {
          html: {
            void: 'always', // 强制 HTML 空元素使用自闭合写法
            normal: 'always', // 强制常规 HTML 标签自闭合
            component: 'always', // 强制组件自闭合
          },
          svg: 'always', // 强制 SVG 标签自闭合
          math: 'always', // 强制 MathML 标签自闭合
        },
      ],
      // Prettier 相关的 lint 规则
      'prettier/prettier': [
        'error',
        {
          endOfLine: 'auto', // 自动识别并使用系统的换行符
        },
      ],
    },
  },

  // 跳过 Prettier 格式化规则，与 Prettier 结合使用时跳过格式化检查
  skipFormatting,
]

新增`prettier.config.mjs`

内容：

/**
 * 修改配置后重启编辑器
 * 配置项文档：https://prettier.io/docs/en/configuration.html
 * @type {import("prettier").Config}
 */

export default {
  /** 每一行的宽度 */
  printWidth: 120,
  /** 在对象中的括号之间是否用空格来间隔 */
  bracketSpacing: true,
  /** 箭头函数的参数无论有几个，都要括号包裹 */
  arrowParens: 'always',
  /** 换行符的使用 */
  endOfLine: 'auto',
  /** 是否采用单引号 */
  singleQuote: false,
  /** 对象或者数组的最后一个元素后面不要加逗号 */
  trailingComma: 'none',
  /** 是否加分号 */
  semi: false,
}

安装Element Plus

Element Plus 官网

安装
npm install element-plus --save

`main.ts`增加Element Plus 配置

内容

import './assets/main.css' // 引入全局样式文件，应用全局样式

import { createApp } from 'vue' // 从 Vue 中引入 createApp 函数，用于创建 Vue 应用实例
import { createPinia } from 'pinia' // 引入 Pinia，Pinia 是 Vue 3 的状态管理库
import ElementPlus from 'element-plus' // 引入 Element Plus 组件库
import 'element-plus/dist/index.css' // 引入 Element Plus 的全局样式文件
import App from './App.vue' // 引入根组件 App.vue，作为应用的根组件
import router from './router' // 引入 Vue Router 配置文件，管理应用的路由

// 创建 Vue 应用实例，将根组件 App 作为入口
const app = createApp(App)

// 使用 Element Plus 组件库
app.use(ElementPlus)

// 使用 Pinia 状态管理库
app.use(createPinia())

// 使用 Vue Router 进行路由管理
app.use(router)

// 将 Vue 应用挂载到 HTML 文件中的 id 为 `#app` 的 DOM 元素上
app.mount('#app')

自动导入

修改 vite.config.ts
完整内容

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// 自动配置
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
// Element Plus
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers' // 增加

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    // 自动导入 UI 库，页面直接使用
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: ['vue', 'vue-router'], // 导入vue和vue-router
      dts: 'types/auto-imports.d.ts', // 生成自动导入类型声明文件
      dirs: [''], // 自动导入的方法等
      vueTemplate: true,
    }),
    // 自动注册组件，页面直接使用
    Components({
      dirs: ['src/components/'], // 扫描的文件夹
      dts: 'types/components.d.ts', // 生成自动注册类型声明文件
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/], // 匹配文件
      resolvers: [ElementPlusResolver()], // 配置组件库的解析器
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})

UNOCSS

安装 `npm install -D unocss`

配置自动导入修改 `vite.config.ts`

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// 自动配置
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
// Element Plus
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// UnoCSS
import UnoCSS from 'unocss/vite'
// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    // UnoCSS
    UnoCSS(),
    // 自动导入 UI 库，页面直接使用
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: ['vue', 'vue-router'], // 导入vue和vue-router
      dts: 'types/auto-imports.d.ts', // 生成自动导入类型声明文件
      dirs: [''], // 自动导入的方法等
      vueTemplate: true,
    }),
    // 自动注册组件，页面直接使用
    Components({
      dirs: ['src/components/'], // 扫描的文件夹
      dts: 'types/components.d.ts', // 生成自动注册类型声明文件
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/], // 匹配文件
      resolvers: [ElementPlusResolver()], // 配置组件库的解析器
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})

修改`main.ts`

完整内容

import './assets/main.css' // 引入全局样式文件，应用全局样式

import { createApp } from 'vue' // 从 Vue 中引入 createApp 函数，用于创建 Vue 应用实例
import { createPinia } from 'pinia' // 引入 Pinia，Pinia 是 Vue 3 的状态管理库
import ElementPlus from 'element-plus' // 引入 Element Plus 组件库
import 'element-plus/dist/index.css' // 引入 Element Plus 的全局样式文件
import App from './App.vue' // 引入根组件 App.vue，作为应用的根组件
import router from './router' // 引入 Vue Router 配置文件，管理应用的路由
import 'uno.css' // 引入 UnoCSS，一个 CSS 框架，用于快速开发 Vue 应用

// 创建 Vue 应用实例，将根组件 App 作为入口
const app = createApp(App)

// 使用 Element Plus 组件库
app.use(ElementPlus)

// 使用 Pinia 状态管理库
app.use(createPinia())

// 使用 Vue Router 进行路由管理
app.use(router)

// 将 Vue 应用挂载到 HTML 文件中的 id 为 `#app` 的 DOM 元素上
app.mount('#app')

新增`unocss.config.ts`

内容

import { defineConfig, presetAttributify, presetUno } from "unocss"

/**
 * 使用 `defineConfig` 定义 Unocss 的配置，主要配置预设、规则和快捷方式等。
 */
export default defineConfig({
  /**
   * 预设（presets）
   * 预设是 Unocss 提供的一系列预定义的样式规则和功能，你可以通过引入不同的预设来增强或修改框架的行为。
   */
  presets: [
    /**
     * presetAttributify：属性化模式
     * 允许在 HTML 元素的属性中直接书写样式，不需要通过类名定义样式，例如 `<div text="red"></div>`。
     * 这是一种简洁的书写方式，非常适合快速原型开发。
     */
    presetAttributify(),

    /**
     * presetUno：默认预设
     * UnoCSS 的核心预设，包含常见的实用工具类，比如 `flex`、`padding`、`margin` 等。
     * 这是最基础的预设，几乎所有项目都会引入它。
     */
    presetUno()
  ],

  /**
   * 自定义规则（rules）
   * 规则是你可以自定义的 CSS 样式规则，每条规则是一个数组，包含一个类名和对应的样式定义。
   */
  rules: [
    /**
     * 定义自定义类名 `uno-padding-20`，对应的样式为 `padding: 20px`
     * 使用方法：在元素上添加 `uno-padding-20` 类名
     * 例如：<div class="uno-padding-20"></div>
     */
    ["uno-padding-20", { padding: "20px" }]
  ],

  /**
   * 自定义快捷方式（shortcuts）
   * 快捷方式允许你将多个实用工具类组合为一个类名，从而简化代码的书写。
   */
  shortcuts: {
    /**
     * 定义 `uno-wh-full`，表示 `w-full h-full`，即宽高都为 100%。
     * 使用方法：在元素上添加 `uno-wh-full` 类名
     * 例如：<div class="uno-wh-full"></div>
     */
    "uno-wh-full": "w-full h-full",

    /**
     * 定义 `uno-flex-center`，表示 `flex justify-center items-center`，即使用 `flexbox` 布局，且子元素水平居中和垂直居中。
     * 使用方法：在元素上添加 `uno-flex-center` 类名
     * 例如：<div class="uno-flex-center"></div>
     */
    "uno-flex-center": "flex justify-center items-center",

    /**
     * 定义 `uno-flex-x-center`，表示 `flex justify-center`，即使用 `flexbox` 布局，且子元素水平居中。
     * 使用方法：在元素上添加 `uno-flex-x-center` 类名
     * 例如：<div class="uno-flex-x-center"></div>
     */
    "uno-flex-x-center": "flex justify-center",

    /**
     * 定义 `uno-flex-y-center`，表示 `flex items-center`，即使用 `flexbox` 布局，且子元素垂直居中。
     * 使用方法：在元素上添加 `uno-flex-y-center` 类名
     * 例如：<div class="uno-flex-y-center"></div>
     */
    "uno-flex-y-center": "flex items-center"
  }
})

vueuse

官网

安装

npm i @vueuse/core

配置自动导入修改 `vite.config.ts`

完整内容

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// 自动配置
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
// Element Plus
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// UnoCSS
import UnoCSS from 'unocss/vite'
// VueUse
import {
  VueUseComponentsResolver,
  VueUseDirectiveResolver,
} from 'unplugin-vue-components/resolvers'
// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    // UnoCSS
    UnoCSS(),
    // 自动导入 UI 库，页面直接使用
    AutoImport({
      resolvers: [ElementPlusResolver()],
      imports: ['vue', 'vue-router'], // 导入vue和vue-router
      dts: 'types/auto-imports.d.ts', // 生成自动导入类型声明文件
      dirs: [''], // 自动导入的方法等
      vueTemplate: true,
    }),
    // 自动注册组件，页面直接使用
    Components({
      dirs: ['src/components/'], // 扫描的文件夹
      dts: 'types/components.d.ts', // 生成自动注册类型声明文件
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/], // 匹配文件
      resolvers: [
        ElementPlusResolver(), // 自动导入 Element Plus
        VueUseComponentsResolver(), // 自动导入 VueUse
        VueUseDirectiveResolver(), // 自动导入 VueUse 的指令
      ], // 配置组件库的解析器
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
})

本文标签：项目 comprehensivetools

版权声明：本文标题：comprehensive_tools之创建、配置项目内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：http://www.roclinux.cn/b/1754371758a2995058.html，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。

Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落

comprehensive_tools之创建、配置项目

文章目录

项目地址

安装环境 自行安装

命令行

目录结构

自动导入配置

安装环境 自行安装

命令行

目录结构

自动导入配置

配置 eslint.config.mjs

新增prettier.config.mjs

安装Element Plus

main.ts增加Element Plus 配置

自动导入

UNOCSS

安装 npm install -D unocss

配置自动导入 修改 vite.config.ts

修改main.ts

新增unocss.config.ts

vueuse

安装

配置自动导入 修改 vite.config.ts

更多相关文章

windows10上安装docker，在docker中部署springboot项目

【亲测免费】 开源项目推荐：OpenArk - 下一代Windows平台反Rootkit工具

windows如何使用Nginx部署前后端分离项目

Android实现WiFi热点无缝连接Demo项目

【亲测免费】 推荐开源项目：H265Player - 高效流畅的H.265视频播放器

【亲测免费】 ClassSchedule 开源项目教程

【项目实战】Airbnb爱彼迎-数据分析与建模

Perspective.js 开源项目教程

毕业项目推荐：08-基于yolov8yolov5yolo11的垃圾检测与分类系统（python+卷积神经网络）

『开源项目』基于STM32的智能垃圾桶之语音识别

idea启动ssm项目遇到无法连接到MySQL数据库服务器：No appropriate protocol (protocol is disabled or cipher suites are ina

vue2项目报错You may need an appropriate loader to handle this file type

Windows 7系统如何安装Python 3.9+？这个开源项目给你答案

排查 no stlink detected 的五个关键步骤（适用于STM32项目）

[IAR]Win7升级成Win10后用IAR编译项目出现System Error Code: 704

【免费下载】 推荐开源项目：HWID Spoofer - 深度伪装你的Windows硬件标识符

SSM项目解决一个浏览器打开多个页面共享session

STEM32智能家居项目：如何避免那些常见的大雷区?

.NET 升级秘籍：帮你高效转型，焕发代码新活力的完整路径

无缝升级体验：详解.NET框架到新平台的平滑过渡策略

发表评论

推荐文章

从入门到精通：MFC71.dll库资源在Flash中的实践应用

Ubuntu系统静态IP配置：一步到位，轻松搞定

优盘“盘符显示0字节”深度解析与全方位恢复指南_光盘有1g但是显示0字节原因

隐藏文件夹怎么显示？【图文详解】显示隐藏文件夹？显示隐藏文件？系统隐藏文件显示？_显示隐藏文件夹怎么设置

实战攻略：让你不再被Realtek HD Audio Driver的安装困扰

热门文章

告别冗余：深度剖析C++中的SWF文件回收站删除功能，Adobe Flash Player助你优化代码！

看看GetScreen和SGGS如何用Google Earth影像打造无缝画面

在线开发者的福音：激活Vue调试工具，告别Flash中心的困扰！

告别金山毒霸，开启Adobe Flash Player新体验！

瑞星2005升级问题汇总_瑞星客户端升级提升未设置升级key

电脑出现错误代码:-118是什么情况，解决错误代码:-118的方法

Hackintosh EFI for MSI MEG Z490I Unify 开源项目指南

重装系统的影响

QQ好友恢复秘籍

如何查找特定IP地址_怎么进去特定的ip地址

最新文章

一文教会你AIX系统备份：mksysb实用指南

SWF文件备份失败？这些步骤让你轻松搞定

Win10系统备份轻松搞定：掌握captureimage命令的关键技巧

Linux系统安全小贴士：掌握备份与恢复，安心每一天

省时省心！三步完成电脑系统高效备份！

Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！

Linux系统不哭：高效备份与快速恢复方案

Ubuntu系统安全大计，备份技巧大公开

GHOST教程：系统备份和还原，小白也能变成高手！

Linux备份与恢复必修课：SWF文件安全策略从入门到精通

Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels

The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan

Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience

A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX

A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA

安装环境自行安装

安装环境自行安装

配置 `eslint.config.mjs`

新增`prettier.config.mjs`

`main.ts`增加Element Plus 配置

安装 `npm install -D unocss`

配置自动导入修改 `vite.config.ts`

修改`main.ts`

新增`unocss.config.ts`

配置自动导入修改 `vite.config.ts`

【亲测免费】开源项目推荐：OpenArk - 下一代Windows平台反Rootkit工具

【亲测免费】推荐开源项目：H265Player - 高效流畅的H.265视频播放器

【免费下载】推荐开源项目：HWID Spoofer - 深度伪装你的Windows硬件标识符