# CommonRepository

**Repository Path**: carll-x/common-repository

## Basic Information

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

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-02-20
- **Last Updated**: 2025-04-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 命名规范

1、文件夹、js css 文件 
    小写复合型单词用短横线(-)隔开 (home-page )

2、views,components 
    下的文件大驼峰 (HomeLogo.vue)
    使用 `<home-logo></home-logo>`

4、img svg、Html 
    全部采用小写方式， 优先单个单词，多个单词命名以下划线分隔 (home_logo.png)

5、 prop 
    小驼峰 (searchTxt)

6、router path
    短横线 (/user-info)

7、常量
    使用大写字母和下划线来组合命名，下划线用以分割单(const MAX_COUNT = 10)

8、变量
    小驼峰

9、方法
    动词+名词 、 单个动词

    can	判断某个动作是否可执行
    has	判断是否含有某个值
    is	判断是否为某个值	
    get	获取某个值	
    set	设置某个值	

10、emit
    自定义事件 (on-clear)

11、原生事件 mouseOver mouseOut click 
    handelMouseOver

#### Init Vite + Vue + TS + Pinia + Router + SCSS

1、创建
    src api style router utils views 文件夹

2、配置 vite.config.js  
    server 设置默认打开地址(host),端口(port)，运行自动打开浏览器(open) ;
    resolve 设置文件夹别名 alias

3、配置 tsconfig.json  
    全局安装 ts：npm install typescript -g
    初始化生成 json 文件： tsc --init
    baseUrl 设置基础地址  解析不以 ./ 或 ../ 开头的模块的基地址，默认是ts config当前目录。
    path 设置文件夹别名 

4、配置 pinia
    npm install pinia
    在main.js 中创建 pinia 实例并挂载 ，在stores中创建多模块store

5、配置router
    npm install vue-router@4

6、配置 scss
    npm install sass-loader sass --save-dev
    在style 设置样式变量
    在viteConfig css preprocessorOptions scss 引入文件 设置变量全局生效

7、引入ui库 css库
    element plus 

    npm install element-plus
    npm install -D unplugin-vue-components unplugin-auto-import

    tailiwind

    npm install tailwindcss @tailwindcss/vite