{"id":15725,"date":"2024-12-18T20:25:48","date_gmt":"2024-12-18T18:25:48","guid":{"rendered":"https:\/\/www.beseit.net\/?p=15725"},"modified":"2024-12-18T20:33:01","modified_gmt":"2024-12-18T18:33:01","slug":"passos-per-configurar-i-veure-el-codi-al-navegadorpasos-per-veure-el-codi-html-al-navegador","status":"publish","type":"post","link":"https:\/\/www.beseit.net\/?p=15725","title":{"rendered":"Passos per configurar i veure el codi al navegadorPasos per veure el codi html al navegador"},"content":{"rendered":"\n<p>Si el codi HTML est\u00e0 dins la carpeta <code>calculadora<\/code> de l&#8217;escriptori, aqu\u00ed tens una guia detallada per assegurar que <strong>Live Server<\/strong> de VS Code funcioni correctament i que puguis veure el teu fitxer al navegador:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Passos per configurar i veure el codi al navegador<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Obre la carpeta al VS Code<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Obre VS Code i selecciona <strong>File > Open Folder&#8230;<\/strong>.<\/li>\n\n\n\n<li>Navega fins a la carpeta <code>calculadora<\/code> a l&#8217;escriptori i selecciona <strong>Open<\/strong>.<\/li>\n\n\n\n<li>Aix\u00f2 permetr\u00e0 que VS Code treballi amb la carpeta com a projecte arrel.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Obre el fitxer HTML<\/strong>:\n<ul class=\"wp-block-list\">\n<li>A la barra lateral de VS Code, cerca el fitxer <code>index.html<\/code> o el nom del teu fitxer dins la carpeta <code>calculadora<\/code>.<\/li>\n\n\n\n<li>Fes-hi doble clic per obrir-lo a l&#8217;editor.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Executa amb Live Server<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Assegura&#8217;t que tens instal\u00b7lada l&#8217;extensi\u00f3 <strong>Live Server<\/strong>.<\/li>\n\n\n\n<li>Fes clic dret al fitxer obert i selecciona <strong>&#8220;Open with Live Server&#8221;<\/strong>.<\/li>\n\n\n\n<li>Aix\u00f2 obrir\u00e0 el navegador amb una URL semblant a:arduinoCopia el codi<code>http:\/\/127.0.0.1:5500\/nom_del_teu_fitxer.html<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"452\" height=\"385\" src=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2024\/12\/image-12.png\" alt=\"\" class=\"wp-image-15728\" srcset=\"https:\/\/www.beseit.net\/wp-content\/uploads\/2024\/12\/image-12.png 452w, https:\/\/www.beseit.net\/wp-content\/uploads\/2024\/12\/image-12-300x256.png 300w, https:\/\/www.beseit.net\/wp-content\/uploads\/2024\/12\/image-12-352x300.png 352w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Si el codi HTML est\u00e0 dins la carpeta calculadora de l&#8217;escriptori, aqu\u00ed tens una guia detallada per assegurar que Live Server de VS Code funcioni correctament i que puguis veure el teu fitxer al navegador: Passos per configurar i veure &hellip; <a href=\"https:\/\/www.beseit.net\/?p=15725\">Continua llegint <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":8179,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[181],"tags":[],"class_list":["post-15725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vs-code"],"_links":{"self":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15725"}],"version-history":[{"count":2,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15725\/revisions"}],"predecessor-version":[{"id":15729,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/posts\/15725\/revisions\/15729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=\/wp\/v2\/media\/8179"}],"wp:attachment":[{"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beseit.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}