Как в visual studio code запустить html
Самый простой способ — открыть папку с файлами через проводник, выбрать необходимый файл, щелкнуть по нему правой кнопкой мыши и выбрать в разделе «Открыть с помощью» VS Code. Далее можно заняться редактированием файла. Вы увидите результат вёрстки в браузере, но это не слишком удобно — при любых изменениях придётся переходить в браузер и обновлять страницу. Можно немного облегчить этот вопрос с помощью установки расширения в VS Code — Live Server . Давайте настроим всё так, чтобы наша страничка открывалась сама и обновлялась, если вы что-то изменили в разметке или стилях. Для установки расширения нужно в VS Code нажать кнопку которая откроет магазин дополнений, вбить в поиске название — и нажать Install. Другой способ — скачать Live Server из магазина расширений по ссылке выше, но это менее удобно.
После установки расширения и запуска вашего HTML-файла нужно нажать кнопку «Go live», в результате откроется окно браузера с вашей страницей. При попытке изменения файла — будет происходить автоматическое обновление страницы браузера.
Как открыть VS code в папке?
Нажимаю сочетание клавиш shift + ПКМ, у меня только «Открыть окно команд». Нужно открыть VS code. 
Отслеживать
7,722 13 13 золотых знаков 25 25 серебряных знаков 54 54 бронзовых знака
задан 29 авг 2020 в 8:48
63 1 1 серебряный знак 7 7 бронзовых знаков
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
Самый простой вариант, это переустановить VS Code и при установке отметить галочками «Add path to exlorer». Второй вариант это создать текстовый файл, который потом переименовать в любое_название.reg со следующим содержанием (Внимание, это сработает, только при условии, что Vs Code установлен в папку по умолчанию!):
Windows Registry Editor Version 5.00 [HKEY_CURRENT_USER\Software\Classes\*\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\*\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,31,00,\ 22,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\Background\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\Background\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,56,00,\ 22,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\shell\VSCode] @=hex(2):4f,00,70,00,65,00,6e,00,20,00,77,00,69,00,74,00,68,00,20,00,43,00,26,\ 00,6f,00,64,00,65,00,00,00 "Icon"=hex(2):43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,00,00 [HKEY_CURRENT_USER\Software\Classes\Directory\shell\VSCode\command] @=hex(2):22,00,43,00,3a,00,5c,00,50,00,72,00,6f,00,67,00,72,00,61,00,6d,00,20,\ 00,46,00,69,00,6c,00,65,00,73,00,5c,00,4d,00,69,00,63,00,72,00,6f,00,73,00,\ 6f,00,66,00,74,00,20,00,56,00,53,00,20,00,43,00,6f,00,64,00,65,00,5c,00,43,\ 00,6f,00,64,00,65,00,2e,00,65,00,78,00,65,00,22,00,20,00,22,00,25,00,56,00,\ 22,00,00,00 Saved searches
Use saved searches to filter your results more quickly
Cancel Create saved search
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
microsoft / vscode Public
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Невозможность открыть папку #53956
FoketzoRAI opened this issue Jul 10, 2018 · 2 comments
Невозможность открыть папку #53956
FoketzoRAI opened this issue Jul 10, 2018 · 2 comments
upstream Issue identified as ‘upstream’ component related (exists outside of VS Code)
Comments
FoketzoRAI commented Jul 10, 2018
Issue Type: Bug
При попытке открытия диалогового окна на открытие папки, диалоговое окно запускается и вылетает весь Visual Studio Code (закрывается).
VS Code version: Code 1.25.0 (0f080e5, 2018-07-05T13:11:58.697Z)
OS version: Windows_NT x64 10.0.17134
System Info
| Item | Value |
|---|---|
| CPUs | Intel(R) Core(TM) i3-5005U CPU @ 2.00GHz (4 x 1995) |
| GPU Status | 2d_canvas: enabled flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on native_gpu_memory_buffers: disabled_software rasterization: disabled_software video_decode: enabled video_encode: enabled vpx_decode: unavailable_software webgl: enabled webgl2: enabled |
| Memory (System) | 3.90GB (1.37GB free) |
| Process Argv | C:\Program Files\Microsoft VS Code\Code.exe |
| Screen Reader | no |
| VM | 0% |
Extensions (25)
| Extension | Author (truncated) | Version |
|---|---|---|
| html-snippets | abu | 0.2.1 |
| vscode-markdownlint | Dav | 0.18.0 |
| jshint | dba | 0.10.19 |
| vscode-eslint | dba | 1.4.12 |
| vscode-html-css | ecm | 0.2.0 |
| vscode-npm-script | eg2 | 0.3.5 |
| vscode-great-icons | emm | 2.1.36 |
| vsc-material-theme | Equ | 2.3.0 |
| auto-close-tag | for | 0.5.6 |
| auto-rename-tag | for | 0.0.15 |
| beautify | Hoo | 1.3.2 |
| materialize-snippets | len | 1.4.3 |
| vscode-autoprefixer | mrm | 2.1.2 |
| vscode-language-pack-ru | MS- | 1.25.2 |
| cpptools | ms- | 0.17.6 |
| team | ms- | 1.136.0 |
| live-sass | rit | 2.2.1 |
| LiveServer | rit | 5.1.1 |
| vscode-icons | rob | 7.24.0 |
| sass-indented | rob | 1.4.9 |
| quokka-vscode | Wal | 1.0.132 |
| wallaby-vscode | Wal | 1.0.91 |
| vscode-todo-highlight | way | 0.5.12 |
| JavaScriptSnippets | xab | 1.7.0 |
| html-css-class-completion | Zig | 1.17.1 |
(1 theme extensions excluded)
The text was updated successfully, but these errors were encountered:
VS Code: файл, папка, рабочая область
Работа в текстовом редакторе «VS Code» может вестись как на уровне отдельных файлов, так и с помощью так называемых «рабочих областей» (по-английски «workspace»).
Вот как выглядит меню, открываемое из пункта «Файл» главного меню редактора (главное меню расположено вверху окна редактора):
В этом редакторе можно по одному открыть много разных файлов и работать с ними одновременно. Это будет работа на уровне файлов.
А можно открыть сразу папку с файлами или сразу несколько папок с файлами. По-другому это называют «открыть рабочую область». Рабочая область может состоять из содержимого одной папки или содержимого нескольких папок. Считается, что пункт меню «Открыть папку. » тоже открывает рабочую область, которая состоит из содержимого одной папки. Разница в том, что при открытии рабочей области, содержащей несколько папок, требуется специальный файл, в котором прописаны пути к каждой из папок рабочей области (этот файл создается при создании рабочей области из нескольких папок). При открытии рабочей области из содержимого одной папки специального файла не требуется.
При открытии в редакторе рабочей области не имеется в виду, что сразу будут открыты все файлы из этой области. Сразу при этом вообще не будет открыто для редактирования никаких файлов, их можно будет открыть, выбирая нужные файлы в проводнике редактора.
Список отдельных файлов (если работа ведется на уровне файлов) или файлов из рабочей области (если работа ведется с рабочей областью) отображается в проводнике редактора. Иконка проводника редактора обычно расположена первой сверху в левом вертикальном меню редактора (на этой иллюстрации левое вертикальное меню находится в свернутом состоянии):
При нажатии на любую иконку в левом вертикальном меню оно разворачивается, а при повторном нажатии на ту же иконку — сворачивается. Вот как проводник редактора выглядит в развернутом состоянии:
На вышеприведенной иллюстрации список файлов пуст, так как я не открыл никаких отдельных файлов или никакой рабочей области. Но принцип, думаю, понятен. Видно, что у проводника есть своё собственное меню сверху с уменьшенными иконками.
Зачем нужны рабочие области? В общем, в этом редакторе спокойно можно работать с отдельными файлами.
Рабочая область удобна, когда идет работа над проектом, который состоит из множества файлов. Обычно все файлы проекта хранят в одной папке, которая называется «папкой проекта», «корневой папкой проекта», «репозиторием» и так далее. (Понятно, что в папке проекта могут быть вложенные папки.) Папку проекта можно открыть с помощью пункта меню редактора «Открыть папку. », после этого отдельные файлы можно при необходимости открывать из проводника редактора для редактирования. Редактор предоставляет еще множество удобных инструментов для работы с рабочими областями, но в этом посте я их не буду рассматривать.
Изредка встречаются сложные проекты, файлы которых хранят в нескольких папках, расположенных в разных местах (то есть они не вложены друг в друга). Для таких случаев следует создать специальный файл рабочей области, в котором будут прописаны пути к отдельным корневым папкам проекта.
Подробнее про рабочие области в этом редакторе (на английском):