Sign Up

Talk Programming , Career, Mental Health, Talk Personal Finance ❤️‍ Post a query and receive responses ✅

Have an account? Sign In


Have an account? Sign In Now

Sign In

Post a query and receive responses. Ask anything, Ask Mitra ❤️‍

Sign Up Here


Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.


Have an account? Sign In Now

Sorry, you do not have permission to ask a question, You must login to ask a question.


Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

Ask Mitra

Ask Mitra Logo Ask Mitra Logo

Ask Mitra Navigation

  • Home
  • About Us
  • Find Jobs
  • Blogs
    • Add New Blog !
  • Contact Us
Search
Ask A Question

Mobile menu

Close
Ask a Question
  • Ask a Question
  • Home
  • All Categories
  • Find Jobs
  • Points and Swags
    • Badges and Points
    • Ask Mitra Swags
  • Blog
    • Add New Blog !
  • FAQs
  • Community Members 💓
  • About Us
  • Contact Us
Home| Questions|Q 59791
Next
Answered
Chetana Chaudhary
Chetana ChaudharyBeginner
Asked: June 9, 20222022-06-09T22:39:05+05:45 2022-06-09T22:39:05+05:45In: Web Development

Vs code problem

While running the live server, the browser shows a listing directory instead of running CSS code. Why?

live servervs codeweb browser
  • 0
  • 7 7 Answers
  • 101 Views
  • 0 Followers
  • 0
Share
  • Facebook

    Related Questions

    • What is wrong here??
    • Decent IDE for Python

    You must login to add an answer.


    Forgot Password?

    Need An Account, Sign Up Here

    7 Answers

    • Voted
    • Oldest
    • Recent
    • Random
    1. Best Answer
      Anmol Yadav I ❤️ ITSNP
      2022-06-10T00:03:34+05:45Added an answer on June 10, 2022 at 12:03 am

      Don’t open the CSS file. Try to open the HTML File or the main file then you will not get this type of error. Simply open that HTML file in vs code then Right click on the HTML file and select “Open with Live server”. I am sure this will work.


      OR


      Follow this video


      https://askmitra.com/wp-content/uploads/2022/06/How-to-Set-Up-a-Local-Live-Server-in-Visual-Studio-Code-quickly.mp4

      I hope this will help You 🙂

      • 2
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    2. [Deleted User]
      2022-06-09T22:49:43+05:45Added an answer on June 9, 2022 at 10:49 pm
      This answer was edited.

      This is because you clicked on  the  open live server without opening the file which you want to live in local host

      or you can simply do is

      Open your code file -> right click  ->  open in live server

      or you can click your file in dir listing which you want to open

      or you can add /filename.html in url bar at the end 

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    3. pandey Pandey
      2022-06-10T06:16:38+05:45Added an answer on June 10, 2022 at 6:16 am
      This answer was edited.

      you can do simply this after starting your live server

      http://127.0.0.1:5500/filename.html

       

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    4. THE BIG OCEAN Explainer
      2022-06-10T08:31:06+05:45Added an answer on June 10, 2022 at 8:31 am

      Save your file name “index.html” or directly run URL 127:0.0.1:5500/work.html.

      or you can follow these two methods if you don’t have any .html or .htm file in your workspace:

      1. Open the Command Palette by pressing F1 or ctrl+shift+P and type Live Server: Open With Live Server to start a server or type Live Server: Stop Live Server to stop a server.
      2. Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop the server (You can change the shortcut from keybinding). [On MAC, cmd+L, cmd+O and cmd+L, cmd+C]
      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    5. [Deleted User]
      2022-06-10T11:53:37+05:45Added an answer on June 10, 2022 at 11:53 am

      go to the html file and right click and then live server it will work

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    6. Bibek Chaudhary Sensei
      2022-06-10T22:49:35+05:45Added an answer on June 10, 2022 at 10:49 pm

      First open html file and open live server.

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp
    7. Pratik98 Beginner
      2022-10-28T19:34:21+05:45Added an answer on October 28, 2022 at 7:34 pm

      Right click on html file and open to run on live server easy

      • 0
      • Share
        Share
        • Share on Facebook
        • Share on Twitter
        • Share on LinkedIn
        • Share on WhatsApp

    Sidebar

    Ask A Question

    Your Favourite Topics

    • Announcements
    • Blockchain
    • Books

        • —Non Tech Books
        • —technical books
    • Business and Entrepreneurship
    • Careers
    • College
    • Content and Blog
    • CyberSecurity
    • Design and Arts
    • Devices and Gadgets
    • Digital Marketing
    • Entertainment

        • —Movies-Series-TV
        • —Music
        • —Sports
    • Events
    • For Admins only.
    • Health

        • —Fitness
    • Money

        • —Personal Finance
        • —Stock Market
    • Operating System

        • —linux
        • —windows
    • Other
    • Paid Internship
    • Programming

        • —AI/ML
        • —APIs
        • —C & C#
        • —Django
        • —Flutter
        • —Go
        • —HTML&CSS
        • —Java
        • —JavaScript
        • —Mobile Apps Development
        • —Node Js
        • —NoSQL
        • —Php
        • —Python
        • —React JS
        • —SQL

    Stats

    • Questions 1k
    • Answers 10k
    • Best Answers 394
    • Users 2k

    Top 6 Members This Month

    Vicky

    Vicky

    • 0 Questions
    • 78 Points
    Sensei
    puppet

    puppet

    • 0 Questions
    • 23 Points
    Beginner
    wtfixair

    wtfixair

    • 0 Questions
    • 22 Points
    Beginner
    Dhanmaya

    Dhanmaya

    • 0 Questions
    • 20 Points
    Beginner
    Riyesh

    Riyesh

    • 0 Questions
    • 20 Points
    Beginner
    pranitkarki

    pranitkarki

    • 0 Questions
    • 20 Points
    Beginner

    Trending Tags

    blockchain c++ career coding College cybersecurity Django Flutter help html javascript laptop laravel linux poll Programming python question react web web development wordpress
    • Popular
    • Answers
    • Rounak Agrawal

      Ask Mitra Udemy Courses Giveaway

      • 76 Answers
    • Subedi Bibek

      The Complete JavaScript Course 2022: From Zero to Expert! Udemy ...

      • 73 Answers
    • Subedi Bibek

      Mega Giveaway at askmitra.com 🔥

      • 69 Answers
    • Sandeep Poudel
      Sandeep Poudel added an answer SOLVED: It was due to unfinished SSL certificate installation January 27, 2023 at 7:11 pm
    • Aashutosh_k
      Aashutosh_k added an answer Software piracy protection system Fingerprint voting system Stock price prediction… January 26, 2023 at 7:37 pm
    • Sangam AKA Ronnie
      Sangam AKA Ronnie added an answer Did you miss my video. https://youtu.be/Wo0NxEivd7A watch at end to… January 24, 2023 at 9:13 pm

    Related Questions

    • How to check if the bat/ball touches the 4 sides ...

      • 2 Answers
    • Input Direction confusion in snake game JavaScript?

      • 1 Answer
    • which tech jobs have higest demand but least supply in ...

      • 1 Answer
    • What does ReactJS intern do in a internship programme?

      • 2 Answers
    • How to implement mapbox in nextjs in latest version of ...

      • 1 Answer

    Explore

    • Home
    • Trending Category
      • Programming
      • Web Development
      • —Mobile Apps Development
      • —Stock Market
      • Business and Entrepreneurship
      • Blockchain
      • College
      • —Personal Finance
      • —HTML&CSS
      • —JavaScript
      • —Python
      • —React JS
      • —Node Js
      • —C & C#
      • Content and Blog
      • Careers
    • All Categories
      • Go to All Categories
      • Health
      • —Go
      • —Flutter
      • Digital Marketing
      • —APIs
      • Devices and Gadgets
    • Find Job and Internships
    • Points and Swags
      • Badges and Points
      • Ask Mitra Swags
    • All Blogs
      • Add New Blog !
    • FAQs
    • Community Members 💓
    • Questions
      • Un Answered
      • New Questions
      • Most Seen Questions
      • Most Answered
      • Trending Questions
    • Tags

    Footer

    Ask Mitra

    Ask Mitra

    Ask Mitra is a social question and answer engine that will assist you in forming a community and connecting with others. Talk about programming, your career, your mental health, and your personal finances. ❤️‍ Post a query and receive responses ✅

    Quick Navigation

    • Ask a Question
    • Home
    • All Categories
    • Find Jobs
    • Points and Swags
      • Badges and Points
      • Ask Mitra Swags
    • Blog
      • Add New Blog !
    • FAQs
    • Community Members 💓
    • About Us
    • Contact Us

    Legal Stuff

    • Terms of use and policy