---
title: Reading Club WorkShop
tags: presentation
slideOptions:
theme: sky
transition: 'fade'
allottedMinutes: 2 # Minutes alloted for a slide.
# Global override for autolaying embedded media (video/audio/iframe)
# - null: Media will only autoplay if data-autoplay is present
# - true: All media will autoplay, regardless of individual setting
# - false: No media will autoplay, regardless of individual setting
autoPlayMedia: null
spotlight:
enabled: false
# Flags if we should show a help overlay when the questionmark
# key is pressed
help: true
# parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'
---
# C/C++ IDE Optimization Tutorial
*use the right tool for the right task!*
[](https://hackmd.io/kNFLL4CSQgmx83bx8pxgXg)
---
**Prerequisites:** Have a Github Account set up, or Microsoft account so as to allow Vscode sign you in to your local IDE. Having Kite Autopilot installed would save time.
----
**Goal of Demonostration:** Enable reader to equip themselves with basic tools that is readily available in this current day. Setting up a barebones Integrated Development Environment, setting up barebones Intellisense configurations and become aware of the Vscode IDE live share extension features.(if have time, finish your homework)
----
**Problem Statement:** Need to have a minimally viable working development environment for learning C/C++(tackle your program design assignments more efficiently)
----
**Propose Solution:** Use available tools provided by current most popular IDE, Vscode, and its many features.
----
**Key Terms**
- IDE: Integrated Developement Enviorment
- Intellisense: Auto suggestion/ completion toolkit generated off of code processing pattern machine learning
- Kite Autopilot: sheer awesomeness! my little coding AI
- Github: web based code storage platform
----
- OS: operating system
- System Requirements: requirements that enables another software to run in your software
- GUI: graphical user interface
- Port number:a set of numbers that network protocols recognize each other by
- browser: an Desktop executable that connects you to the internet
----
**Otherwise**
- [session link here!](https://prod.liveshare.vsengsaas.visualstudio.com/join?E97C1699D57D26E3EABA96E48E038940C0C7)
*google is your best friend. professor google always knows best. ask him.*
If you think this tutorial be too complicated with too many steps, you can alternatively just click our liveshare session link. This interface should appear
----
----
click on "Join the Live Share session from the browser(preview)"
----
- if you already have vscode downloaded you can click "cancel" when prompt then click on "continue as anonymous" in the lower right of your web browser
- if prompt to install codespace for the browser, proceed to do so
----
----
----
then just type your name, click enter and viola! Once I let you in, you are good to go!
---
## How to setup Vscode native Operating System
[Download Vscode video tutorial(Windows)](https://www.youtube.com/watch?v=JGsyJI8XG0Y)
VS Code is a free code editor, which runs on the macOS, Linux, and Windows operating systems.
---
Follow the platform-specific guides below:
- [Windows](https://code.visualstudio.com/docs/setup/setup-overview)
- [Linux](https://code.visualstudio.com/docs/setup/linux)
- [MacOs](https://code.visualstudio.com/docs/setup/mac)
----
VS Code is lightweight and should run on most available hardware and platform versions. You can review the System Requirements to check if your computer configuration is supported.
---
## Install Kite Autocomplete
- [Official Doc](https://help.kite.com/article/53-quickstart)
- [Kite Demo video](https://www.youtube.com/watch?v=bF50YPyUKTQ)
---
You can [download the latest version of kite here](https://www.kite.com/download/?utm_medium=referral&utm_source=helpcenter&utm_content=53)
If you encounter issues while installing Kite, please [browse the known install issues](https://help.kite.com/category/52-common-issues-troubleshooting) to learn how to troubleshoot your problem.
----
#### Creating an account
When you open Kite for the first time, Kite's desktop GUI, the Copilot, will appear and ask you to create an account.
----
----
If you don't have a Kite account yet, then you can create one at this screen. You can also choose to skip creating an account by clicking on the "Continue without email" link at the bottom.
----
#### Choosing your editors
- just choose vscode for now
----
#### Final settings
----
- "Show the Kite icon in your menu bar", Kite will display its menu bar icon in your system tray when it is running
- "Automatically integrate Kite when new editors are installed", then Kite will automatically integrate with editors that you install on your system in the future.
---
## Vscode live share extension guide
- [Official Doc](https://code.visualstudio.com/blogs/2017/11/15/live-share)
- [Medium](https://code.visualstudio.com/blogs/2017/11/15/live-share)
- [Vscode liveshare video Demo](https://www.youtube.com/watch?v=8Ck2QhMxAYg)
---
Live Share offers the ability to “share a session” with someone else, allowing them to edit code as well as share a server and debugging session. It can be compared to collaborating in Google Docs, by the file sharing options — there are options to edit, comment and run the code written by teammates working on the same project. Users can link their Github account to VS code to start collaborating.
----
1. Add Live Share to Visual Studio Code
- Go to Extensions → Add extra package → Live share package → Install
----
----
2. Authorizing Live Share sessions
- Go to Live share → Session details →Click Start Collaboration Session or Join Collaboration Session
- Alternatively, paste the shared link in to where it instructs you to
----
----
3. Share a Server
- **Developer Method:** Ctrl + Shift + P → Type “Share Server” → Enter port number!
----
----
*a port number is just a set of numbers that network protocols recognize each other by*
- Or simply request access to server for live collaboration
----
4. Share a Terminal
- Live Share has a cool feature to share a terminal, just find the Share Terminals option in the Session Details, you get to choose read only / read and write options for the shared terminals. You can now easily show how to start a development server, build system, or anything else that’s necessary.
----
---
## Miscellaneous
---
- [C/C++ extension guide](https://medium.com/@GorvGoyl/run-debug-intellisense-c-c-in-vscode-within-5-minutes-3ed956e059d6)
----
- [Code Runner extension(run C code with a click)](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)
----
- [How did I create this tutorial book?(click here)](https://hackmd.io/s/how-to-create-book)
----
Google Drive
Gist
Clipboard
Sign in with Wallet
