Wednesday, 17 June 2020

Quick Tips #1:Setup Your Environment

Don't know How to start ?🤔💭 ,Don't worry i am here to solve your problem and i am Batman 🦇 (just kidding 😁i am Arwaz Khan)...

Follow the below steps to setup your environment:



Step 1: Download a browser

boo! , this step is not for you (yes you!) .. Chrome is always available for you...   (Other browser also available like Safari, Firefox .....)

Step 2: Download a Code editor


You can download any code editor like Visual Studio , VS Code , Sublime text editor , Atom , Notepad++ and many more Code editor available in internet.But, i prefer VS Code editor because it is a free source-code editor  and supported by many OS like windows , mac , Linux ...Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git  ... 

  Download link  VS Code👇👇👇 (Download Community version

🔗https://az764295.vo.msecnd.net/stable/a5d1cc28bb5da32ec67e86cc50f84c67cc690321/VSCodeUserSetup-x64-1.46.0.exe
   
                    or download latest version from below link
                                 🔗https://code.visualstudio.com/download

Step 3: Install VS Code 

After downloading , run the setup and just click next , next ... and click   (checkbox) open with code or after installation you can use below method..






Step 4: Setup Environment 

Create a folder and right Click on window and click on open VS Code ..
Now Create a new file and save with .html extension (eg. file.html  <filename>.html)

Step 5: Installing Required Extension

                                           Click on this icon


                                                        or 
      
                    press Ctrl+Shift+X  for  installing extension.
Install following extension:

  • HTML CSS Support
  • HTML Snippets
  • Live Server 
  • IntelliSense for CSS class names in HTML
  • ESLint

Ok, i Setup my Environment.. Go and Setup Your Environment..
Please Comment below if you have any doubt regarding this .... 






No comments:

Post a Comment