loading...
Cover image for windows for js development

windows for js development

kaanguru profile image cem kaan Updated on ・3 min read

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 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 in this order .

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
  2. Apollo GraphQL for VS Code
  3. vscode-language-babel
  4. Dark+ Contrast Theme
  5. VS Code ESLint extension
  6. Git Graph extension for Visual Studio Code
  7. GitLab VSCode Extension
  8. GraphQL for VS Code
  9. VSCode GraphQL
  10. Graphql For VSCode
  11. VS Code JavaScript (ES6) snippets
  12. Kotlin Language
  13. Material Icon Theme
  14. NativeScript Vue Snippets for Visual Studio Code
  15. Node npm
  16. Prettier Formatter for Visual Studio Code
  17. Reflow Markdown
  18. Visual Studio Code Remote - WSL
  19. vscode-stylelint
  20. Tailwind CSS IntelliSense
  21. tailwind-sass-syntax
  22. Todo Tree
  23. Tslint
  24. TypeScript Hero
  25. Vetur
  26. Vetur TypeScript Performance Workaround
  27. Vue VSCode Snippets
  28. Vuex Suggest
  29. Webpack
  30. FlatUI Theme for VSCode

Database Tools

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

Online Tools

  1. mockaroo For Fake data
  2. excalidraw For Quick Protypes

Databases (Docker Official Images)

  1. SqLite for all local development
  2. Postgres for SQL staging and production
  3. MongoDB for NOSQL staging and production
  4. Couchbase I use it instead of MongoDB in personal projects.
  5. CockroachDB: Distributed SQL
  6. MariaDB instead of MySQL

Virtualisation

  1. Docker Desktop (for Docker Compose)
  2. VirtualBox (for macOS and Xcode for iOS)
  3. Windows Subsystem for Linux (for Debian)
  4. GenyMotion (for Android)

Other Code tools

  1. massCode All my snippets are here
  2. insomniaGraphQL and REST api requests insomnia.rest
  3. Cygwin 64
  4. Git bash
  5. Putty
  6. PowerShell 6
  7. Cmder my main terminal
  8. ngrok for serving localservers over https
  9. Listray

Libraries I like to use almost in every project

  1. Voca The ultimate JavaScript string library
  2. Lodash
  3. date-fns Modern JavaScript date utility library
  4. Vue-Apollo

Discussion

pic
Editor guide