[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_39":40,"_41":42},"routes/tag.$tag",{"_9":10,"_11":12,"_13":14},"tag","vscode","posts",[26],"allTags",[15,16,17,18,19,20,21,22,23,24,10,25],"styling","fashion","menswear","wardrobe","fitness","workout","react","frontend","redux","windows","setup",{"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38},"title","Setting up my dev environment on windows 10","slug","setting-up-my-dev-environment-on-windows-10","date","2017-03-01","topic","coding","tags",[24,10,25],"content","

I got a brand new Dell Latitude latpop just a few weeks ago. Here are some of the softwares I installed and settings I did to customise it. I wanted to share this because I have been enjoying what I have got going on.

Softwares

Visual studio 2017 for .Net Core projects
Visual studio Code as my main text editor
Hyper as my terminal
Trello for project management
Microsoft Todo for tracking todos
DBeaver for database
FileZilla for ftp

Setting up WSL

Install ZSH and oh-my-zsh

# Set http_proxy if you are behind proxy\n# sudo http_proxy=http://yourserver apt-get update\nsudo apt update\nsudo apt upgrade\nsudo apt-get install zsh\nsudo apt-get install git\nsudo apt-get install hugo\ngit config --global user.name \"John Doe\"\ngit config --global user.email johndoe@example.com\ngit config --global http.sslverify false\ngit config --global core.autocrlf input\nsh -c \"$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)\"

Make zsh as your default shell by adding below line in your ~/.bashrc

if test -t 1; then\nexec zsh\nfi

Disable permission errors by adding below in your ~/.zshrc

alias ls='ls 2>/dev/null

Remove username from agnoster theme by changing the prompt_context() with below code

prompt_context() {\n  prompt_segment $PRIMARY_FG default  \"  🌈  \"\n}\n \nprompt_dir() {\n  prompt_segment blue $PRIMARY_FG ' %c '\n}

Add below plugins in ~/.zshrc

plugins=(\n    git\n    node\n    npm\n    npx\n    nvm\n    z\n)

Install nodejs and yarn

curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -\nsudo apt-get install -y nodejs\ncurl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -\necho \"deb https://dl.yarnpkg.com/debian/ stable main\" | sudo tee /etc/apt/sources.list.d/yarn.list\nsudo apt update\nsudo apt install --no-install-recommends yarn\nyarn --version

Setup npm

npm config set strict-ssl false\n# To set proxy for npm installs -> npm config set proxy http://proxy_host:port

Setup Yarn

yarn config set proxy http://username:password@host:port\nyarn config set https-proxy http://username:password@host:port

Fix permission errors when installing global npm modules

mkdir ~/.npm-global\nnpm config set prefix '~/.npm-global'\nvim ~/.profile

Add below line in your .profile

export PATH=~/.npm-global/bin:$PATH

Update system variables

source ~/.profile

Change theme of oh-myzsh

You can change theme of the shell by changing the value of ZSH_THEME=\"agnoster\" in ~/.zshrc

Some theme may want powerline fonts which can be found in below repository. Use the install script in the repo to install all the fonts at once.

Set-ExecutionPolicy Bypass\ngit clone https://github.com/powerline/fonts.git\n.\\install.ps1

Install monospaced version of powerline fonts from below link for internal terminal of VSCode and then change the integrated\nterminal font family to Menlo for Powerline

git clone https://github.com/abertsch/Menlo-for-Powerline.git

Plugins for Visual Studio Code

Code Runner
Eslint
Markdown All in One
Prettier
Snazzy Operator
stylelint

Extensions for Google Chrome

Grammarly
ColorPick Eyedropper
React developer tools
Redux developer tools
Tampermonkey
Video speed controller
Adblock plus

","theme","light","isLoggedIn",false]

Tagged Posts

Setting up my dev environment on windows 10

Browse by tag

Tags