All Projects → Peltoche → Vixi

Peltoche / Vixi

Licence: apache-2.0
A vim like client for the xi backend

Programming Languages

rust
11053 projects

Projects that are alternatives of or similar to Vixi

Cli
✨ A powerful CLI for the Create Go App project. Create a new production-ready project with backend, frontend and deploy automation by running one CLI command!
Stars: ✭ 292 (-11.78%)
Mutual labels:  frontend
Betterjob Of Frontend
【BJF】你有故事我有酒,我有大厂前端岗内推机会,你有简历吗?
Stars: ✭ 309 (-6.65%)
Mutual labels:  frontend
Upme Plus
Smart Automation inside your browser for free. Start earning and double your followers
Stars: ✭ 318 (-3.93%)
Mutual labels:  frontend
Localresizeimg
🔥 前端本地客户端压缩图片,兼容IOS,Android,PC、自动按需加载文件
Stars: ✭ 3,135 (+847.13%)
Mutual labels:  frontend
Pattern.css
CSS only library to fill empty background with beautiful patterns.
Stars: ✭ 3,481 (+951.66%)
Mutual labels:  frontend
Fritz2
Easily build reactive web-apps in Kotlin based on flows and coroutines.
Stars: ✭ 308 (-6.95%)
Mutual labels:  frontend
Experimental React Like Framework
A new, experimental frontend for React inspired by SwiftUI. In development.
Stars: ✭ 290 (-12.39%)
Mutual labels:  frontend
Frontend Vscode Extensionpack
(820+ Users) Handpicked collection of vscode extensions for FE development. Get the extension @ https://marketplace.visualstudio.com/items?itemName=solodynamo.frontend-vscode-extensionpack
Stars: ✭ 329 (-0.6%)
Mutual labels:  frontend
Ilc
Isomorphic Layout Composer - complete solution for Micro Frontends composition into SPA with SSR & i18n support
Stars: ✭ 308 (-6.95%)
Mutual labels:  frontend
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (-3.93%)
Mutual labels:  frontend
Aofe.code
《前端架构:从入门到微前端》源码,code for Architecture of Frontend
Stars: ✭ 292 (-11.78%)
Mutual labels:  frontend
Oruga
🐛 Oruga is a lightweight library of UI components without CSS framework dependency
Stars: ✭ 297 (-10.27%)
Mutual labels:  frontend
Vuefront
VueFront Core. Turn your old-fashioned CMS website in to a SPA & PWA in 5 minutes
Stars: ✭ 316 (-4.53%)
Mutual labels:  frontend
Webpack Libs Optimizations
Using a library in your webpack project? Here’s how to optimize it
Stars: ✭ 3,187 (+862.84%)
Mutual labels:  frontend
Fe Interview
前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),5000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……
Stars: ✭ 19,638 (+5832.93%)
Mutual labels:  frontend
Translate
阿里云翻译小组,为社区输出优质的技术文章。
Stars: ✭ 293 (-11.48%)
Mutual labels:  frontend
Microfronts
Polyglot Front-End Solution for running multiple frameworks as one
Stars: ✭ 312 (-5.74%)
Mutual labels:  frontend
Redux Requests
Declarative AJAX requests and automatic network state management for single-page applications
Stars: ✭ 330 (-0.3%)
Mutual labels:  frontend
Awesome Cheatsheets
👩‍💻👨‍💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Stars: ✭ 26,007 (+7757.1%)
Mutual labels:  frontend
Djreact
A simple introduction to integrating Django and React.
Stars: ✭ 317 (-4.23%)
Mutual labels:  frontend

Vixi

A "Vim like" frontend for xi-editor.

Warning

This frontend is under heavy development. A lot of stuff can break and change.

The "Vim like" approach

The idea behind Vixi is to use the powerful keybinding of Vim without keeping all the complexities and inconsistencies. In other words, keeping the 20% of Vim used by 80% of users.

Configuration

All the keybinding presented below can be overriden via the keyboard.toml configuration file. You can find an example of keyboard.toml config which will override all the default values with the exact same values.

Those configuration files should live inside a vixi folder placed into the OS specific config directory.

OS Vixi configuration folder
Linux /home/alice/.config/vixi
Windows C:\Users\Alice\AppData\vixi
MacOS /Users/Alice/Library/Preferences/vixi

How to use it

Modes

Vixi behavior is split in "modes" (like Vim). Those are:

  • Normal (the default one) used to move and manipulate stuff
  • Insert used to insert stuff
  • Visual used to select stuff and manipulate it
  • Action used to make generic action (save/quit/etc)

At any time you can return to the Normal mode by pressing the Esc key. You can note that the Action mode doesn't exists on Vim. This somewhat corresponds to the Vim mapLeader key.

Normal mode

The Normal mode is the default one. It is mainly used to move the cursor around and switch into the other modes.

Key Description
←↑→↓ Move the cursor
hjkl Move the cursor
w Move the cursor to the next word
W Move the cursor to the previous word
<PgUp> Move the cursor one page above
<PgDn> Move the cursor one page below
v Switch to Visual Mode
i Switch to Insert Mode
<Space> Switch to Action Mode
o Insert line below and switch to Insert Mode
O Insert line above and switch to Insert Mode
p Paste the previously cut content
x Delete text forward
X Delete text backwards
q Quit
> Indent
< Outdent

Insert mode

The Insert mode is used to insert some content.

Key Description
←↑→↓ Move the cursor
<PgUp> Move the cursor one page above
<PgDn> Move the cursor one page below
<Esc> Switch to the normal mode
<Backspace> Remove a character backward
<Del> Remove a character forward

Visual mode

The Visual mode is used to select some text and manipulate it.

Key Description
←↑→↓ Move the cursor
hjkl Move the cursor
w Move the cursor to the next word
W Move the cursor to the previous word
<Esc> Switch to Normal Mode
q Switch to Normal Mode
<Space> Switch to Action Mode
y Yank the selection
d Delete the selection
p Delete the selection and past the previous deletion

Action mode

The Action mode is used to make some generic action like saving or exiting.

Key Description
q Quit
w Write into the file
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].