DEV Community: QJ Li

Daily Dev Tip - Open VSCode in the existing window

QJ Li — Fri, 23 Oct 2020 22:26:03 +0000

I have been wondering if vscode supports it in the cli and found out that it is. You can just use the -r --reuse-window flag.

To open the current folder in existing vscode:

code -r .

or any other folder:

code -r any/path

Reference:

code --help
Visual Studio Code 1.50.1

Usage: code [options][paths...]

To read from stdin, append '-' (e.g. 'ps aux | grep code | code -')

Options
  -d --diff <file> <file>           Compare two files with each other.
  -a --add <folder>                 Add folder(s) to the last active window.
  -g --goto <file:line[:character]> Open a file at the path on the specified line and character position.
  -n --new-window                   Force to open a new window.
  -r --reuse-window                 Force to open a file or folder in an already opened window.
  --folder-uri <uri>                Opens a window with given folder uri(s)
  --file-uri <uri>                  Opens a window with given file uri(s)
  -w --wait                         Wait for the files to be closed before returning.
  --locale <locale>                 The locale to use (e.g. en-US or zh-TW).
  --user-data-dir <dir>             Specifies the directory that user data is kept in. Can be used to open multiple distinct
                                    instances of Code.
  -h --help                         Print usage.

git tips - run git pull over all subdirectories

QJ Li — Wed, 24 Jul 2019 09:55:36 +0000

Pretty handy tips that I use time to time.

Mac / Linux

ls | xargs -I{} git -C {} pull

// run in parallel
ls | xargs -P10 -I{} git -C {} pull

Windows

The good old DOS batch file:

@echo off
for /f %%f in ('dir /ad /b') do (
 cd "%%f"
 git pull
 cd..
)

Reference:

https://stackoverflow.com/questions/3497123/run-git-pull-over-all-subdirectories

Do you know these weird parts of JavaScript?

QJ Li — Sat, 20 Jul 2019 09:54:59 +0000

What?! You called JavaScript Weird? Come on dude, I have using it for years, it is the best language I have ever met.

Let's have a coffee and see if we can ask some of these questions in our next interview, hehe.

Here we go:

> 0.1 + 0.2
0.30000000000000004

> 1 + “23” - 10
“113”

> null == undefined
true

> NaN == NaN
false

> typeof null
"object"

> typeof NaN
"number"

> ['1', '7', '11'].map(parseInt)
(3) [1, NaN, 3]

> function foo() {
    return 
    {
      foo: 'bar'
    }
  }
foo()
< undefined

> function bar() {
  return {
    foo: 'bar'
  }
}
bar()
> {foo: "bar"}

> [] + []
""

> {} + {}
"[object Object][object Object]"

> [] + {}
"[object Object]"

> {} + []
0

> +!+[]
1

3 > 2
true

3 > 2 > 1
false

> function Test() {
}()
Uncaught SyntaxError: Unexpected token )

> var test = function() {}
undefined

References:

https://blog.mgechev.com/2013/02/22/javascript-the-weird-parts

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators

https://wtfjs.com/

VSCode Tips: column (box) selection

QJ Li — Sat, 20 Jul 2019 01:33:44 +0000

Column selection is a very handy tool when you need to edit column of text at the same time.

Shortcuts:

Place the cursor in one corner and then hold Shift+Alt while dragging to the opposite corner. You can use keyboard arror up/down to place more cursors on the lines you want to edit. Press [ESC] key to exit the multicusor mode.

More reference from VSCode site:

https://code.visualstudio.com/docs/editor/codebasics#_column-box-selection