# vite-ts-cli

**Repository Path**: sangonghappy/vite-ts-cli

## Basic Information

- **Project Name**: vite-ts-cli
- **Description**: Vue 3 + Vite + Ts + vue-router + axios + tailwind + element-plus + prettier

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-10-07
- **Last Updated**: 2024-12-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite + Ts + vue-router + axios + sass + tailwind + element-plus + prettier 脚手架

### 脚手架项目

##### 脚手架现在想到的问题如下，希望有大佬指点

1. 没有使用 vue3 全局变量，感觉没有 vue2 那么好用，<br>
   这个项目 我的想法是 使用全局变量的方式 就是在一个 js 中 使用局部变量，然后按需引用<br>
   如果有大佬知道有什么好方法，可以跟我说一下，感谢
2. 没有使用 vuex 和 pinia ， 感觉日常使用 local storage 和 session storage 够用了，
   如果有啥不同的想法可以跟我说，接受任何人的意见和想法

##### 使用 tailwind 的想法

* 先看下开发tailwind的作者的想法 <br>
  https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ <br>
  我并不是完全赞同作者的想法，但是这样的一个css库，可以快速统一一个项目的整体css风格，是很有必要的
* 并不是说所有css全部都是用 tailwind ，我个人认为 tailwind 的使用方式 只适合于：没有ui 且不需要使用动态样式的情况
* 我通常使用的 tailwind 基本只有几种，使用常用的会节省时间，其他的我很少用，还是用正常的css引用
    1. flex
    2. 内边距，外边距
    3. 宽高
    4. 颜色
* 简单易懂可上手，留两个网址，<br>
  第一个讲基础的，第二个讲flex，讲解的很透彻 <br>
  https://article.juejin.cn/post/7229619300804821029 <br>
  https://zhuanlan.zhihu.com/p/138911528

##### 使用 prettier 而没有使用 eslint 的原因

eslint 在 ts 面前还是感觉相对没有必要，prettier的使用是为了在项目打包时，进行所有代码格式化，看的舒服点