app • Visual Studio 20XX solution - martindubenet/wed-dev-design GitHub Wiki

VS 20XX

Instalation guide

  1. Download Visual Studio Community edition ($ Free).
  2. When asked what task you plan to do, select the basic « ✅ Web and ASP.NET Development » option if you don't know what to chose.

It is normal if you see multiple versions installed on your workstation. Deleting the obsolete ones is a good practice.

Change the GUI language

Choose in which language you want your GUI before downloading, it is easier then switching after since it requires to install languages packages. These instructions are for English version.

By default VS20XX will be installed according to your Windows OS language. IF you want to have VS20XX displayed in English language (and you probably should) then you need to:

  1. First Exit the application,
  2. Launch « Visual Studio Installer » application,
  3. You may see multiple versions installed. Choose the one you want to switch to English and click on the « Modify » button available on the options on the right of this version,
  4. From the Modify window, go to the 3rd tab « Language Packs »,
  5. Check the (English) missing language that you want then click the « Modify » button in the bottom-right of the window.
  6. Launch the application,
  7. Go to Tools > Options. Then go to Environment > International Settings,
  8. Look for the « Language » dropdown. Your installed language pack should appear as an option in that dropdown list.
  9. Choose your prefered language then click OK.

Adding Bash to the list of available shells within new Terminal:

  1. Tools ➥ Options
  2. Options window ➥ Environment ➥ Terminal ➥ Add
    1. Name: Bash
    2. Shell location: C:\Program Files\Git\bin\bash.exe
    3. Arguments: --login -1

More about new features:

CODING TIPS

Using Web Compiler

For an obscure reason one of the project that I'm working on requires to run Visual Studio As Administrator for the extension to be enable.

BUILD short cut is shift + alt + Y

Build menu

SHORTCUTS

Cheatsheet of ALL shorcuts http://visualstudioshortcuts.com/2017/

Tab navigation within Main Menu Bar

  1. alt : Turn hotkeys visible for easy navigation,
  2. then press whatever letter : Opens the contextual window.

Box Selection & Multiline Text Editing

  • shift + alt = Box selection
  • shift+ alt + arrow down/up = multi-line box selection

Uppercase to Lowercase (majuscules VS minuscules)

  • Ctrl + U
  • Ctrl + shift + U

Formating and/or Tab indexing files automatically

  • Combination of Ctrl + K then D.

Search & Replace

  • Ctrl + , = Quick search
  • Ctrl + F = Search within file,
  • Ctrl + shift + F = Search in the entire solution.

OPTIONS (Preferences)

Launch PoEdit app when opening a .po file

To force Visual Studio 2015 to launch PoEdit when clicking on a “.po” files it first needs to exist as a tool within Visual Studio echosystem. Then it is just a matter of setting it as the default editor of .po files.

  1. Set PoEdit as an External Tool

Set PoEdit as External Tools within Visual Studio 2015

  1. Set PoEdit as default editor for .po files within Visual Studio 2015

Set PoEdit app as default editor for po files within Visual Studio 2015

Installation

TOOLS OPTIONS

Font size for code lines

  1. Main menu > Tools > Options. From Options window:
  2. Environment
  3. Fonts and Colors
  4. Look for the Size dropdown options.
  5. I prefer size 12.

Changing foreground and background colors for Search results

  1. Main menu > Tools > Options. From Options window:
  2. Environment
  3. Fonts and Colors
  4. Sroll down the Display itemslist to Find Match Highlight
  5. Choose a very flashy color that contrast with whitesmoke text color. Like Jaunâtre or pure Yellow.

View Whitespace

  1. Main menu > Edit > Advanced > View White Space

Word wrap code lines

  1. Main menu > Tools > Options. From Options window:
  2. Text Editor
  3. All Languages
  4. Under Setting, check Word wrap + Show visual glyphs for word wrap.

Reference: How to set WORD WRAP in preferences

Track active item

Track active file in Solution Explorer Window

  1. Main menu > Tools > Options. From Options window:
  2. Projects and Solutions
  3. Check Track Active Item…

LANGUAGE

  1. Use the app Visual Studio Installer
  2. Look for the More▼ dropdown menu on the right of your Installed product.
  3. Click on Modify from that More▼ dropdown.
  4. Go to the 3rd tab: Language packs.
  5. Check the language you wish to add.
  6. DO NOT finish there! Before cclicking on the Modify button, select « Download all, then install » option from the dropdown menu next to the button.
  7. Now click on the Modify button.

EXTENSIONS for Front-end development

An excellent source of reference is the obsolete plugin Web Essentials 2017 that as been broken down to smaller child plugins.