leenty / Vue2
vue2.0-demo
Stars: ✭ 145
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue2
Cheat Sheets
🌟 All the cheat-sheets mentioned on my blog in pdf format
Stars: ✭ 136 (-6.21%)
Mutual labels: blog
Hexo Theme Overdose
⚠ Caution: you could be overdosed with this theme.
Stars: ✭ 137 (-5.52%)
Mutual labels: blog
Hugo Theme Console
A minimal, responsive and light theme for Hugo inspired by Linux console.
Stars: ✭ 143 (-1.38%)
Mutual labels: blog
Amazon Polly Sample
Sample application for Amazon Polly. Allows to convert any blog into an audio podcast.
Stars: ✭ 139 (-4.14%)
Mutual labels: blog
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (-4.14%)
Mutual labels: blog
Blog
基于SpringBoot搭建的开源个人博客系统,模板引擎使用thymeleaf。项目后台部分采用前后端分离模式开发。前台使用 vue 和 element完成。
Stars: ✭ 143 (-1.38%)
Mutual labels: blog
Setup Ghost Blog
Script to install your own Ghost blog, with Nginx and ModSecurity/Naxsi web application firewall. Supports multiple blogs.
Stars: ✭ 140 (-3.45%)
Mutual labels: blog
vue2.0-demo
捣鼓捣鼓vue2.0 使用 Material 风格 后面会加入大量微动效
环境
nodejs >= v7.0 (当然,更新到最新也是极好的,可以享受最新功能)
安装
克隆仓库到本地
git clone [email protected]:leenty/vue2.git
安装依赖
npm i
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 风格作为命名规范
约定[分类名称|模块名称][属性|组件名称]与[属性名]使用小写
约定[描述]与[状态]使用首字母大写
[eg]:
.[分类名称|模块名称]__[子分类|子模块]-[属性|组件名称][描述]--[属性值|状态]
=> .l-flexV--c
=> .b-base--Active
=> .fg-offset-12
=> .fg__pad-offset-12
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].