development:tools:start [Questwork's Wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Common Development tools ======

[[http://www.tutorialspoint.com/index.htm]]

<note tip>
Login all Microsoft apps using company email account
</note>

===== All developers =====

==== Desktop App ====


<note tip>Install all applications and customise them as instructed.</note>

  * [[https://code.visualstudio.com|Visual Studio Code]]
    * [[https://wiki.questwork.com/dokuwiki/doku.php?id=development:tools:vscode:|VSCode Customization]]
  * [[http://www.getpostman.com/|Postman]]
  * [[howto:git:installation:start|Git]], Git main program (Windows Only)
    * Mac OS has Git pre-installed, no need to install
    * [[zh:staff:mao_joe:about_git_newline:start|Set git newline character]]
  * [[https://www.sublimemerge.com/download|Sublime Merge]]
  * Google Chrome browser
  * [[https://www.microsoft.com/en-ww/microsoft-365/microsoft-teams/download-app|Microsoft Teams]]
  * WeChat desktop app
    * Mac via App Store
  * WhatsApp desktop app (only for Hong Kong staff)
    * Mac via App Store
  * [[http://brew.sh/|Homebrew]] (Mac Only)


==== Mobile App ====



  * WeChat
  * Microsoft Authenticator (for 2-factor authentication)
  * Microsoft Teams
  * Microsoft Outlook or Web Outlook
  * Microsoft OneDrive




===== Web developer (frontend/ Backend/ QA/ Web Designer) =====

  * Node.js, install via NVM
    * if you have already installed node.js via the official installer, you will need to uninstall it and delete the folder "c:\program files\nodejs" before you run the NVM installer
    * NVM (MacOS), [[https://github.com/nvm-sh/nvm]]
    * NVM for Windows, [[https://github.com/nvm-sh/nvm]]
  * use npm global install the following package
    * [[https://www.npmjs.com/package/pnpm|pnpm]]: ''npm install -g pnpm@7''
    * [[https://www.npmjs.com/package/gulp-cli|gulp-cli]]: ''pnpm install -g gulp-cli''
  * Google Chrome Browser
    * Vue.js devtools https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
  * MongoDB (no need for Web Designer)
    * Mac via Homebrew, read [[#install_an_app_with_specific_version_via_homebrew_使用_mac_os_only|below]]
  * [[https://studio3t.com/free/|Studio 3T Free]]
    * need register an account with email to start using it. The registration is free.




===== Flutter developer =====

  * [[https://wiki.questwork.com/dokuwiki/doku.php?id=development:tools:flutter development machine:|set up a Flutter development machine]]

<note tip>You need to setup the Android Studio but we will use VS Code for the development tool.</note>

  * Android Studio
    * Dart plugin
    * Flutter plugin

<note tip>On Mac, if install Android Studio 4.1, may need to create a symbolic link so that 'flutter doctor' could check the Dart and Flutter plugins correctly.</note>

<code>
$ ln -s ~/Library/Application \Support/Google/AndroidStudio4.1/plugins ~/Library/Application \Support/AndroidStudio4.1
</code>


  * Xcode (via App Store) Mac only
    * Xcode Command Line Tools (after install Xcode, run this command via terminal 'xcode-select --install')
    * [[http://cocoapods.org/|CocoaPods (Library manage tools)]]

===== Web Designer =====

  * Install AMP (Apache 2.4 or up, MySQL 8 or up, PHP 7.3 or up)
    * [[https://wiki.questwork.com/dokuwiki/doku.php?id=howto:wordpress:setup_on_mac:|Instructions for MacOS]]
    * [[https://wiki.questwork.com/dokuwiki/doku.php?id=howto:wordpress:setup_on_windows_10:start|Instructions for Windows 10]]
  * WordPress 6 or up

===== Designer =====

  * AI
  * Photoshop
  * Google Chrome


===== QA =====

  * [[https://k6.io/docs/get-started/installation/|k6]]
  * [[https://github.com/apideck-libraries/postman-to-k6|Postman-to-k6]]: ''npm install -g @apideck/postman-to-k6''
  * [[howto:k6_script:using_k6_script:start|Using k6.script]]
  * [[zh:staff:huang_penny:install_setup:start|mobile testing environment setup]]

===== .NET developer =====

  * Visual Studio 2022 (v17.2.6)
    * .NET 6 SDK and Runtime (included in Visual Studio 17.2.6)
  * Swagger 
  * Entity Framework
  * Json.NET - Newtonsoft




===== Deployment Tools =====

  * [[howto:azure:start|Azure-Cli]]
  * [[https://orbstack.dev|OrbStack]] (faster than Docker desktop)
  * [[howto:docker:start|Docker]] (you may skip the installation of Docker desktop, but the command are still the same for OrbStack)

===== Install an App with specific version via Homebrew 使用 Mac OS only =====

<code>
$ brew tap homebrew/versions
</code>

Then search for your desired package:
<code>
$ brew search mongodb
</code>

This might give you the follow results:
<code>
...
mongodb/brew/mongodb-community
mongodb/brew/mongodb-community@4.2
mongodb/brew/mongodb-community@5.0
</code>

And then install the desired version:
<code>
$ brew install mongodb/brew/mongodb-community@4.2
</code>

===== Miscellaneous software =====


  * [[http://spritegen.website-performance.org/|Online Sprite Creator]]