Thanks to visit codestin.com
Credit goes to github.com

Skip to content

[WIP] 重构项目为 Vite + React 架构（codelf2025 分支） #141

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 5 commits into
base: master
Choose a base branch
from
Draft

[WIP] 重构项目为 Vite + React 架构（codelf2025 分支） #141

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
41a8f5b
Initial plan for issue
Copilot May 20, 2025
62bf776
Set up Vite project structure and configuration
Copilot May 20, 2025
1941cc1
Configure project assets and CSS
Copilot May 20, 2025
7cf3606
Migrate React components to Vite structure and integrate service worker
Copilot May 23, 2025
4e75dd9
Complete React components migration to JSX format
Copilot May 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 21 additions & 28 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,24 @@
# See http://help.github.com/ignore-files/ for more about ignoring files.
#
# If you find yourself ignoring temporary files generated by your text editor
# or operating system, you probably want to add a global ignore instead:
# git config --global core.excludesfile ~/.gitignore_global
.DS_Store
Thumbs.db
.sass-cache
.idea
.vscode
lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz

pids
# Logs
logs
results
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

package-lock.json
npm-debug.log
node_modules
docs/html
app/css
app/js
app/images
app/fonts
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
131 changes: 54 additions & 77 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,101 +1,78 @@

<img src="https://user-images.githubusercontent.com/799578/50462941-8075fe80-09c3-11e9-89e7-af0cb7991406.png" width="80">
# CODELF

Codelf is a search tool that helps developers solve the naming things problem.

CODELF(变量命名神器)
=================
A search tool helps dev to solve the naming things problem.
> There are only two hard things in Computer Science: cache invalidation and naming things.
> -- Phil Karlton
>
> ![twohardtings](https://user-images.githubusercontent.com/799578/50461922-8b9ecc80-09bc-11e9-85cc-3714aaa0e836.jpg)

Search over projects from Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project, GitLab to find real-world usage variable names.

Also a daily Algorithm Copybook.

Also a GitHub stars, repositories tagger and organizer tool.
## Prerequisites

>There are only two hard things in Computer Science: cache invalidation and naming things.-- Phil Karlton
>
>![twohardtings](https://user-images.githubusercontent.com/799578/50462942-8075fe80-09c3-11e9-9c7f-b38d495b925d.jpg)

![image](https://user-images.githubusercontent.com/799578/51435509-a2595d00-1cb3-11e9-8f4e-85ecbc3a2325.png)
Before you begin, ensure you have the following installed:
- Node.js (v16.x or higher)
- npm (v8.x or higher) or yarn

WIKI
=================
[简体中文](https://github.com/unbug/codelf/wiki)

Plugins
=================
### Codelf for VS Code
## Development

##### Install
Codelf is on VS Code Extension Marketplace. Just search "codelf" on VS Code EXTENSIONS pane and click install.
To start the development server:

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

<img width="521" alt="select" src="https://cloud.githubusercontent.com/assets/799578/26273099/199ab0b0-3d5b-11e7-9cb6-b48a035b0a1f.png">
```bash
# Install dependencies
npm install
# or
yarn

### Codelf for Atom
# Start the development server
npm run dev
# or
yarn dev
```

##### Install
Codelf is [on Atom package](https://atom.io/packages/codelf). Search "codelf" on Atom setting pane and click install.Please see [Atom Packages in the Atom Flight Manual](http://flight-manual.atom.io/using-atom/sections/atom-packages/)
This will start the development server using Vite at http://localhost:3000.

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

<img src="https://cloud.githubusercontent.com/assets/799578/12577706/2b6d4970-c457-11e5-83d3-dba0ce2c867c.gif" width="600">
## Build for Production

Also see [How to use Codelf on Atom](https://github.com/unbug/atom-codelf#usage)
To build the application for production:

```bash
npm run build
# or
yarn build
```

### Codelf for Sublime Text
The build output will be in the `dist` directory.

##### Install
1. [Download Codelf for Sublime](https://github.com/unbug/codelf/archive/st-0.0.5.zip) or [Select a "st-" version to download](https://github.com/unbug/codelf/tags)
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
## Preview Production Build

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

![ST Right Click](https://cloud.githubusercontent.com/assets/799578/12536608/655d4f72-c2e5-11e5-8836-7ce733f47eed.png)
2. Open Command Palette using menu item Tools -> Command Palette... --> Type "E" or "Codelf" -->Select "Search Selection" or "Search From Input"

![ST Command Palette...](https://cloud.githubusercontent.com/assets/799578/12536569/10422964-c2e4-11e5-9530-6efb742dad3c.png)
To preview the production build locally:

Apps
=================
[Codelf Chrome App](https://chrome.google.com/webstore/detail/codelf-best-github-stars/jnmjaglhmmcplekpfnblniiammmdpaan)
```bash
npm run preview
# or
yarn preview
```


Find me
=================
* Twitter [@unbug](https://twitter.com/unbug)
* 微博 [@听奏](http://weibo.com/unbug)
## Features

Videos
===============
[![Codelf first look](https://cloud.githubusercontent.com/assets/799578/12520673/e037c0c6-c180-11e5-8342-cb291b98dcab.png)](https://youtu.be/Uqg8HWaa-2c)

Screenshots
================
- Search over GitHub, Bitbucket, GitLab to find real-world usage variable names
- Language specific search
- Support for multiple languages
- Automatic translation for Chinese searches
- Browser extensions for VS Code, Atom, Sublime Text, and more

### Search variable
## Browser Extensions

![image](https://user-images.githubusercontent.com/799578/51435477-f748a380-1cb2-11e9-89df-3ae5d99ed7e6.png)
- [CODELF for VS Code](https://github.com/unbug/codelf#codelf-for-vs-code)
- [CODELF for Atom](https://atom.io/packages/codelf)
- [CODELF for Sublime Text](https://github.com/unbug/codelf#codelf-for-sublime-text)
- [CODELF for WebStorm](https://github.com/unbug/codelf/issues/24)
- [CODELF for Alfred](https://github.com/unbug/codelf/issues/63)

![image](https://user-images.githubusercontent.com/799578/51435487-1b0be980-1cb3-11e9-9379-58c2ec678a81.png)
## Credits

### Daily Algorithm Copybook
- Created by [unbug](https://github.com/unbug)

![jan-20-2019 14-29-06](https://user-images.githubusercontent.com/799578/51436194-75ad4180-1cc3-11e9-9ca0-80a0a56b9d7c.gif)
## License

![image](https://user-images.githubusercontent.com/799578/51435445-71c4f380-1cb2-11e9-87a4-edc54cbe7052.png)

### GitHub stars, repositories tagger and organizer tool

![bnk1](https://cloud.githubusercontent.com/assets/799578/12507895/9945d290-c133-11e5-8bb9-ff5d5dec0cfe.png)

![bmk2](https://cloud.githubusercontent.com/assets/799578/12507854/5d2d328a-c133-11e5-85eb-d4da1c38a747.png)
MIT
Loading