windows for js development
Tags: nativescript, node, vue, typescript
Published: 2020-06-06 12:19:44

Need to get a note what's in my current typescript node development toolbox. So I can get it back quickly.

I striped out my some other development related software for other platforms such as Haskell and PHP (composer)

# *HOST OS:* Windows 10 Pro for Workstations
* drWeb as Anti Virus solution.
* AnyDesk instead of Teamviewer


## After fresh install of windows start with [Ninite](https://ninite.com/) or Chocolatey

I install Firefox Developer Editon manualy 

But since I will install choco I can skip this step 

* Chrome 
* qBittorrent 
* Thunderbird 
* 7-Zip 
* VLC 
* K-Lite Codecs 
* HandBrake 
* TeraCopy 
* IrfanView 
* GIMP  *(I still use Picasa for photo organization.)*
* ShareX 
* Foxit Reader 
* LibreOffice 
* FileZilla
* Notepad++ 
* Visual Studio Code ( Main IDE )

## {N} NativeScript

I install node.js and other nativescript related stuff [chocolatey](https://chocolatey.org/) in [this order](https://docs.nativescript.org/start/ns-setup-win) .
### Chocolatey
`choco install -y qBittorrent Chrome Thunderbird VLC HandBrake TeraCopy IrfanView 7zip k-litecodecpackfull GIMP ShareX foxitreader LibreOffice FileZilla notepadplusplus vscode`

## Global NPM Packages

**Yarn classic**
Then I add global packages with
`yarn add global @vue/cli @vue/cli-init  @vue/devtools strapi create-strapi-app pm2 typescript ncu`

## Visual Studio Code Plug-ins
1. NativeScript Extension for Visual Studio Code
1. Apollo GraphQL for VS Code
1. vscode-language-babel
1. Dark+ Contrast Theme
1. VS Code ESLint extension
1. Git Graph extension for Visual Studio Code
1. GitLab VSCode Extension
1. GraphQL for VS Code
1. VSCode GraphQL
1. Graphql For VSCode
1. VS Code JavaScript (ES6) snippets
1. Kotlin Language
1. Material Icon Theme 
1. NativeScript Vue Snippets for Visual Studio Code
1. Node npm
1. Prettier Formatter for Visual Studio Code
1. Reflow Markdown
1. Visual Studio Code Remote - WSL
1. vscode-stylelint
1. Tailwind CSS IntelliSense
1. tailwind-sass-syntax
1. Todo Tree
1. Tslint
1. TypeScript Hero
1. Vetur
1. Vetur TypeScript Performance Workaround
1. Vue VSCode Snippets
1. Vuex Suggest
1. Webpack
1. FlatUI Theme for VSCode

## Database Tools
1. MySQL Workbench
1. Beekeeper Studio (Since I am a beekeeper I need it for MariaDB, Postgres, Amazon RedShift and CockroachDB: Distributed SQL)
1. SqLite Studio
1. PostgreSQL admin

## Online Tools

1. [mockaroo](https://mockaroo.com/) For Fake data
1. [excalidraw](https://excalidraw.com/) For Quick Protypes

## Databases (Docker Official Images)
1. SqLite for all local development
1. Postgres for SQL staging and production
1. MongoDB for NOSQL staging and production
1. [Couchbase](https://www.couchbase.com/) I use it instead of MongoDB   in personal projects.
1. CockroachDB: Distributed SQL
1. MariaDB instead of MySQL

## Virtualisation
1. Docker Desktop (for Docker Compose)
1. VirtualBox (for macOS and Xcode for iOS)
1. Windows Subsystem for Linux (for Debian)
1. GenyMotion (for Android)

## Other Code tools
1. [massCode](https://masscode.io/) *All my snippets are here*
1. [insomnia](https://insomnia.rest/)*GraphQL and REST api requests* insomnia.rest
1. Cygwin 64
1. Git bash
1. Putty
1. PowerShell 6
1. Cmder [my main terminal](https://conemu.github.io/)
1. [ngrok](https://www.ngrok.com/) for serving localservers over https
1. [Listray](https://www.listary.com/) 

## Libraries I like to use almost in every project
1. [Voca](https://vocajs.com/)  The ultimate JavaScript string library 
1. [Lodash](https://lodash.com/)
1. [date-fns](https://date-fns.org/) Modern JavaScript date utility library
1. [Vue-Apollo](https://github.com/vuejs/vue-apollo#readme)