KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #typescript #codex #cli #claude-code #mcp #rust #deepseek-harness #ai-agent

vue2

★ 144 Open GitHub ↗

vue2.0-demo

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue2.0-demo
捣鼓捣鼓vue2.0
使用 Material 风格
后面会加入大量微动效

# 环境
nodejs >= v7.0 (当然，更新到最新也是极好的，可以享受最新功能)

# 安装
克隆仓库到本地
```
git clone git@github.com:leenty/vue2.git
```
安装依赖
```
npm i
```
安装[命令行工具`lebo`](https://github.com/leenty/lebo)
```
npm i -g lebo
```
创建文章目录
```
lebo article --mkdir
# 简写
lebo a -m
```
创建文章
```
lebo article --create 'demo'
# 简写
lebo a -c 'demo'
```
创建文章路由
```
lebo article --render
# 简写
lebo a -r
```

# 新建文章及路由生成
```
$ lebo -h
  Usage: cli <command> [options]

Options:
    -V, --version  查看版本号
    -h, --help     查看帮助

Commands:
    article|a [options]   创建文章和创建文章路由
    init|i <name>         创建项目(开发中)

$ lebo article -h
  Usage: article|a [options]
  创建文章和创建文章路由

Options:
    -r, --render            生成文章路由
    -c, --create <article>  生成名为<article>的文章
    -m, --mkdir             生成文章目录
    -h, --help              查看帮助
```

# 当前css规则
```
css命名使用 BEM+emmet 风格作为命名规范

1.约定 [分类名称|模块名称] 缩写:
   • .layout => .l- (布局部分)
   • .utils => .u- (工具部分)
   • .button => .b- (按钮部分)
   
 2.约定通用 [属性] 缩写:(以emmet联想风格为缩写)
   • width => w
   • height => h
   • color => c
   • background => bg
   • margin => m
   • padding => p
   • border => bd
   
 3.约定通用 [组件名称]:(这里不使用缩写，
   因为组件名可以自定义，缩写易混淆，会增加记忆成本)
   • flex => flex (这里所指的是弹性盒子)
   
 4.约定通用 [描述] 缩写:(以大写)
   • horizontal => H
   • vertical => V
   • normal => N
   
 5.约定通用 [属性值] 缩写:(以属性前缀 '--' + emmet联想风格为缩写)
   • center => --c
   • middle => --m
   • space-around => --sa
   
 6.约定通用 [状态] 缩写:(以属性前缀 '--' + 状态首字母大写，
   这里不使用缩写，因为状态名可以自定义，缩写易混淆，会增加记忆成本)
   • active => --Active
```

vue2

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README