Tuesday, February 2, 2016

Visual Studio Code



Extnesions:
Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
  • Click on the 💡 (lightbulb) in the left hand margin.
  • Quick Fix Editor action command:
    • Mac: +. or Cmd+.
    • PC: Ctrl+.

https://github.com/Microsoft/vscode/issues/146
In the top menu, go to View > Command Palette.... Now type "ext" and select the first option which should be Extensions: Install Extension. You can now search the Gallery for an extension by name or simply "theme" to search themes.

https://stackoverflow.com/questions/37346481/how-do-i-find-and-replace-all-occurrences-in-all-files-in-visual-studio-code
Invoke Replace in Files (under the Edit menu, or with shortcut Ctrl+Shift+H)

1) Make all changes to all files at once.

Click the replace icon next to your replace string (note: you'll get a dialog to confirm this bulk action.)

2) Make all changes in a single file at once.

Click the replace icon next to the filename (note: the icon only shows up when you hover over the filename row)

3) Make a single change in a single file.

Click the replace icon next to the individual change: (note: the icon only shows up when you hover over the change row)

All those files are now modified in the editor and not yet saved to disk.
Use File -> Save All (or Ctrl+Alt+S)

https://github.com/Microsoft/vscode/issues/28616
workbench.editor.showIcons controls the icons on the opened editors only, not the icons in the explorer view.

Oh, if you want to disable the file icons altogether, you can change the file icon theme.
Run the command Preferences: File Icon Theme and choose either None or Minimal (Visual Studio Code.
https://developer.hyvor.com/vscode-editing-settings-json
  • File -> Preferences -> Settings -> Extensions -> Scroll down and find "Edit in settings.json"
  • Or in these paths in your OS
    • Windows %APPDATA%\Code\User\settings.json
    • macOS $HOME/Library/Application Support/Code/User/settings.json
    • Linux $HOME/.config/Code/User/settings.json

https://rominirani.com/setup-go-development-environment-with-visual-studio-code-7ea5d643a51a
https://robertbasic.com/blog/build-and-run-golang-projects-in-vs-code/

View: Extensions command (⇧⌘X)
https://blogs.msdn.microsoft.com/vscode/2015/05/21/getting-started-with-angular-and-visual-studio-code/
Press Shift+Cmd+P, type “git” and then press Space. 


In Step-2 of the Angular Tutorial you learn about Angular Directives, such as ng-repeat and ng-controller, when defining Views. Visual Studio Code has built in support for built in Angular directives in IntelliSense within HTML tags. For example, press “ctrl+space” after the “li” element declaration to bring up the IntelliSense list. Type “ng” (or “data-ng”) to see the full list of Angular directives you can choose from.
tsd query jasmine angular-protractor –action install –save
Let’s break down this command
“tsd query jasmine angular-protractor” tells the tool to search for these two typings. “—action install” tells the tool to download the typings and place them in install them in the folder specified in the “path” property in tsd.json, which by default is /typings. “—save”` tells the tool to update the tsd.d.ts and tsd.json files.
tsd query angular –action install –save

Not only do we get IntelliSense for the angular module, we also get IntelliSense for Angular’s built in Services such as $http, $controller, $window, and more.

http://johnpapa.net/intellisense-witha-visual-studio-code/

Consolidating into a tsd.d.ts
Do you see the 2 /// references and how the can accumulate? You can make a single tsd.d.ts with the npm package named tsd.
npm install tsd -g
# cd to your project folder
tsd query -r -o -a install angular jquery

Projects are directories
Shift+Ctrl+V (Shift+Cmd+V on OSX) to preview Markdown .md file
code --wait. Using --wait is necessary since by default code will return immediately.

https://code.visualstudio.com/docs/getstarted/settings

  • User Settings - Settings that apply globally to any instance of VS Code you open.
  • Workspace Settings - Settings stored inside your workspace and only apply when the workspace is opened.

Labels

Review (572) System Design (334) System Design - Review (198) Java (189) Coding (75) Interview-System Design (65) Interview (63) Book Notes (59) Coding - Review (59) to-do (45) Linux (43) Knowledge (39) Interview-Java (35) Knowledge - Review (32) Database (31) Design Patterns (31) Big Data (29) Product Architecture (28) MultiThread (27) Soft Skills (27) Concurrency (26) Cracking Code Interview (26) Miscs (25) Distributed (24) OOD Design (24) Google (23) Career (22) Interview - Review (21) Java - Code (21) Operating System (21) Interview Q&A (20) System Design - Practice (20) Tips (19) Algorithm (17) Company - Facebook (17) Security (17) How to Ace Interview (16) Brain Teaser (14) Linux - Shell (14) Redis (14) Testing (14) Tools (14) Code Quality (13) Search (13) Spark (13) Spring (13) Company - LinkedIn (12) How to (12) Interview-Database (12) Interview-Operating System (12) Solr (12) Architecture Principles (11) Resource (10) Amazon (9) Cache (9) Git (9) Interview - MultiThread (9) Scalability (9) Trouble Shooting (9) Web Dev (9) Architecture Model (8) Better Programmer (8) Cassandra (8) Company - Uber (8) Java67 (8) Math (8) OO Design principles (8) SOLID (8) Design (7) Interview Corner (7) JVM (7) Java Basics (7) Kafka (7) Mac (7) Machine Learning (7) NoSQL (7) C++ (6) Chrome (6) File System (6) Highscalability (6) How to Better (6) Network (6) Restful (6) CareerCup (5) Code Review (5) Hash (5) How to Interview (5) JDK Source Code (5) JavaScript (5) Leetcode (5) Must Known (5) Python (5)

Popular Posts