khanghuynh92/dev-env

my development environment set up

dev-env

my development environment set up

• /toolset
  • Command Line Tools
    • Prerequisites
    • Utilities
  • Mac Apps
    • Development
    • Design
    • Communication
    • Utilities
  • Atom Extensions
    • Prerequisites
    • Usage
• /git
  • Prerequisites
  • Usage
• /docker
  • Prerequisites
  • Usage

/toolset

Command Line Tools

Prerequisites

• xcode
• brew
• yarn
• nvm
• git

Utilities

• hotel
• serve
• fkill-cli
• thefuck

Mac Apps

Development

• Trello
• Atom
• Docker
• RoboMongo
• SquelPro
• Medis
• Postman

Design

• Sketch
• Adobe Photoshop CC

Communication

• Slack
• Messenger
• Skype

Utilities

• Alfred
• Spectacle
• RescureTime
• The Unarchiver
• VLC
• WebTorrent

Atom Extensions

Theme & Icon:

• UI Theme: one-dark-ui
• UI Material: atom-material-ui
• Syntax Theme: dracula-theme

Utilities:

• atom-beautify
• prettier-atom
• atom-transpose
• case-keep-replace
• change-case
• copy-path
• duplicate-line-or-selection
• editorconfig
• file-icons
• git-plus
• highlight-selected
• local-history
• project-manager
• sync-settings
• toggle-quotes
• autoclose-html
• set-syntax
• minimap
• platformio-ide-terminal
• merge-conflicts
• [js-hyperclick & hyperclick](https://atom.io/packages/js-hyperclick & hyperclick)
• related
• sort-lines
• lebab

HTML/CSS/JS/React Specific Packages:

• atom-ternjs
• atom-wrap-in-tag
• autoclose-html
• autocomplete-modules
• color-picker
• docblockr
• lodash-snippets
• emmet
• emmet-jsx-css-modules
• es6-javascript
• linter-eslint
• tree-view-copy-relative-path

Usage

Install EVERYTHING!

apm install atom-beautify prettier-atom atom-transpose case-keep-replace change-case copy-path duplicate-line-or-selection editorconfig file-icons git-plus highlight-selected local-history project-manager related set-syntax atom-reveal-file-in-finder sort-lines sublime-style-column-selection tab-foldername-index toggle-quotes atom-wrap-in-tag atom-ternjs autoclose-html autocomplete-modules color-picker docblockr emmet emmet-jsx-css-modules es6-javascript js-hyperclick hyperclick pigments linter-eslint tree-view-copy-relative-path lodash-snippets one-dark-ui dracula-theme refactor js-refactor lebab minimap atom-material-ui merge-conflicts

Restart your Atom to take effect.

/git

Cloning your personal/organization repositories from Github/Gitlab/BitBucket to your local machine in one command.

Prerequisites

Make sure you are done with the following:

• Git is installed on your local machine.
• SSH key on local machine is added to your GitHub/GitLab/BitBucket account. If you don't have the key, generate one following this link.

Usage

Run the following command:

coming soon...

All your cloned repositories will be placed in /repos upper one level of this dir.

/docker

Starting services as docker containers so that you don't need to install each of them on your local machine.

Database:

• mysql
• mongodb
• redis

Others:

• php

Prerequisites

Make sure the following tools are installed on your local machine:

• Docker
• Docker Compose

Usage

Run the following command to start services:

./docker/run.sh --start

To stop and delete services, run:

./docker/run.sh --stop

Some directories will be created automatically in upper one level outside this dir on the first time you start it. Those are persistant storages for your services.