变量命名神器 Codelf 推出 VS Code 插件啦

[unbug]

Codelf(变量命名神器)

Organize your GitHub stars and repositories.Search over projects from GitHub, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project to find real-world usage variable names.

There are only two hard things in Computer Science: cache invalidation and naming things.-- Phil Karlton

WIKI

Pro Tips

常用快捷键

查看源码里通过Tab索引下一个匹配Shift+Tab索引上一个匹配

自己用的编辑器没有 Codelf 插件请看参考以下方案:

• VS Code 编辑器上安装 Codelf 插件，实现快速搜索
• Atom 编辑器上安装 Codelf 插件，实现快速搜索
• Sublime Text 编辑器上安装 Codelf 插件，实现快速搜索
• 安装 Codelf Chrome App，独立使用 Codelf
• [教程] 给 WebStorm 添加 Codelf 实现一键搜索
• [教程] 添加 Codelf 到 Chrome 搜索引擎列表实现一键搜索
• [教程] 为 Firefox 添加搜索引擎 Codelf 并实现一键搜索

详细教程

• [知乎] 编程的时候 命名 方法或变量 词穷了怎么办？
• [知乎] 如何管理 Github 上关注的项目？

Apps

Codelf Chrome App

Plugins

Codelf for VS Code

Install

Codelf is on VS Code Extension Marketplace. Just search "codelf" on VS Code EXTENSIONS pane and click install.

Usage

1. Select text, right-click and select "Codelf".

Codelf for Atom

Install

Codelf is on Atom package. Search "codelf" on Atom setting pane and click install.Please see using-atom-atom-packages

Usage

1. Select text, right-click and click "Codelf".
2. Open Packages menu select "Codelf"
3. Press CTRL+ALT+E to open Codelf

Also see How to use Codelf on Atom

Codelf for Sublime Text

Install

1. Download Codelf for Sublime or Select a "st-" version to download
2. Unzip and rename the folder to Codelf
3. Copy the folder into Packages directory, which you can find using the menu item Sublime Text -> Preferences -> Browse Packages...
4. Restart Sublime Text

Usage

1. Select text, right-click and click "Codelf".

2. Open Command Palette using menu item Tools -> Command Palette... --> Type "E" or "Codelf" -->Select "Search Selection" or "Search From Input"

Build

1. install requirements run npm install
2. build and watch run gulp

Thanks

• API powerd by searchcode & youdao
• UI powerd by Bootstrap v4.0
• Syntax highlighting of source code powerd by google-code-prettify
• Google Lovefield
• ZeroClipboard
• Utils - generator-webappstarter
• Data Drive Management System

Programming naming convention

• Google Style Guides
• The Ruby Style Guide
• Style guide & coding conventions for Swift projects
• CSS Architecture
  • OOCSS - Object Oriented CSS
  • ACSS - Atomic CSS
  • oCSS - organic cascade style sheet
  • SMACSS - Scalable and Modular Architecture for CSS
  • BEM getbem - Block, Element, Modifier
  • evolve CSS - A Sass-based CSS architecture style guide

Find me

• Twitter @unbug
• 微博 @听奏

Videos

Screenshots

[GoBeyond]

喔这个有意思

[Kilerd]

我以为集成了什么东西了，还是要打开一个 web， 那就没什么意义了啊

[witcherhope]

看起来挺不错啊，这个的确是痛点

[jcuan]

感觉可以一试

[unbug]

@Kilerd 一步一步来呀，主要是 VS Code 限制比较多现在