How to set up Neovim for coding React, TypeScript, Tailwind CSS, etc on a new M2 MacBook Air
Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop.
In this video, I share my latest Neovim setup for my app developments using React, React Native, TypeScript, etc.
I hope you enjoy it :)
▶ Check out my product: Inkdrop - Markdown note-taking app
• How to take notes in Markdown efficie...
▶ My dotfiles
https://github.com/craftzdog/dotfiles...
▶ My terminal setup
• Setting up new M1 Max MacBook Pro - A...
▶ My equipment
Video editing: Final Cut Pro X
Camera: Fujifilm X-T4
Mic: Zoom H1n
Slider: SliderONE v2
Keyboard: Keychron K2 (V1) with brown switches and PGA profile ABS Doubleshot keycaps
Browser: Min - https://minbrowser.org/
Keystroke visualizer: KeyCastr - https://github.com/keycastr/keycastr
Cursor effect: Cursor Pro - https://apple.co/3rlWOBA?at=11l7AK
Follow me online here:
▶ Twitter / inkdrop_app
▶ Blog https://blog.inkdrop.app/
▶ Instagram / craftzdog
▶ Subscribe to my Newsletter https://www.devas.life/
00:00 Hello
02:20 Install Neovim
03:06 Create init.lua
03:21 Base configuration
09:37 Highlights
10:40 Basic keymaps
17:56 Clipboard
20:09 Packer - Lua-based package manager
22:07 Color scheme: Neosolarized
28:37 Status line: Lualine
35:02 Create a demo project
36:29 Fix a Neosolarized error
36:49 Lspconfig
43:43 Auto-completion: Lspkind and cmp
50:02 Snippets: Luasnip
51:15 Syntax highlightings: Treesitter
54:23 Autotag and Autopair
56:43 Fuzz finder: Telescope
01:06:32 File icons: web-devicons
01:08:17 Tabs: Bufferline
01:12:31 Color code highlightings: Colorizer
01:14:16 LSP Uls: Lspsaga
01:19:18 Code formatter: Prettier and null-ls
01:25:42 Git markers: gitsigns
01:27:42 git
01:29:46 LSP tool: mason
01:33:45 Wrap up
01:36:20 Thanks for watching
Credits:
▶ BGM: Epidemic Sound https://www.epidemicsound.com/referra...
#codewithme #neovim #asmr