Brackets vs. Atom

Brackets vs. Atom

Brackets and Atom are open source code editor that developend by Adobe and Github sepriately.

In this blog, I will introduce some basic operations in these two code editor. Hopefully this blog will give you some idea about which one should you choose.

Q1: How to open a file, a folder of files?

Left: Atom vs. Right: Brackets

Q2: How to change your indent from tabs to spaces, 2-spaces, 4-spaces, etc?

Left: Atom vs. Right: Brackets

Q3: How to open the editor from the command line?

Just call: atom || brackets

Q4: How to find things?

Click on the dorp down menu: Find.

Q5: How to split the screen into multiple panes/editors/views?

Left: Atom vs. Right: Brackets

Q6: How to change keybindings?

Atom: 

Brackets: https://github.com/adobe/brackets/wiki/User-Key-Bindings

Q7: What are some common key bindings?

Atom -> Find common key: Ctrl + Shift + P

Brackets: https://github.com/adobe/brackets/wiki/Brackets-Shortcuts

Q8: How to enable/use autocomplete for coding HTML, JS, CSS, etc?

Atom: Click on Tab.

Brackets: Click on Enter.

END.

Download: Atom -> https://atom.io/ ||  Brackets -> http://brackets.io/

Add-On:

Many useful addon applications are availiable on-line for people to download. Here I will use several addons on Atom as example to show you how those addons works.

In Atom, people can simply go Setting to install addons.

1. Minimap: https://atom.io/packages/minimap

2. Highlight Selected: https://atom.io/packages/highlight-selected

3. Pigments: https://atom.io/packages/pigments

4. Expose: https://atom.io/packages/expose

5. Emment: https://atom.io/packages/emmet

More interesting Add-On: https://atom.io/packages (linter, minimap-pigments, ect.)

VirtualBox causes SYSTEM_SERVICE_EXCEPTION / Windows 10 Blue Screen of Death - Disable Hyper-v

Disable Hyper-V!!!
Disable Hyper-V!!!
Disable Hyper-V!!!

It is sooooooooooooo important, so I have to say three times.

Windows 10 automaticaly enabled hyper-v (for me, it is).
Enable Hyper-V will cause Blue Screen of Death when you shut down your virtual machine on VirtualBox.

If you have the same problem, just try is first. Disable Hyper-V is not harmful for you system, so just try it.

How to disable Hyper-v:
Go to Control Panel ->



I spend hours to find this issue. I hope this blog could help someone.

If you find any mistake I made in this blog. Please tell me in the comment. Thank you.

Releasse 2 - Add a Starting Kit for AFrame web VR

AFrame web VR is really attractive.

I spend several days on playing with all the API's that aframe provide me.

There are a lot of open source project that already made by other developers.

The animation they made are soooooo attractive.

For example:


And:


The 360 Image is also really good:


I learned a lot from other people's code.

Finally, I make my own Starting Kit based on their example, and I also add some advance features:


Please go and play with it: A-Frame web VR

It doesn't look that fancy, but I think it is easier for a beginner to understand.

I also saw other people made a Starting Kit for AFrame, too.


However, I'm prode to say that mind is much better the old one.