Svelte и Hello world

@Ципихович Эндрю · Регистрация: 10.04.2009

Студворк — интернет-сервис помощи студентам

здравствуйте, интересует всегда что-то новое
и вот знакомлюсь с фреймворком Svelte
самое простое-Привет, мир!

HTML5
1
2
3
4
5
<script>
    let name = 'мир';
</script>
 
<h1>Привет, {name}!</h1>

красота, но не нашёл где это толком расписано, подскажите как пройти пример
Привет, мир!

читал что нужен файл .svelte...........

@Ципихович Эндрю · 07.11.2021, 20:30 **[ТС]**

https://ru.svelte.dev/blog/the... et-started
Как же таки сделать приложение на Svelte?
1. С использованием REPL
Svelte REPL — самый простой способ начать. Вы можете выбрать из списка один из стартовых примеров, и пытаться изменить его, пока он не начнёт делать то, что вы хотите.
В какой-то момент, вы решите, что приложение переросло REPL. Нажмите кнопку download, чтобы сохранить файл svelte-app.zip на свой компьютер и распакуйте его.

Откройте терминал и выполните команды...

cd /путь/до/распакованного/svelte-app
npm install
то есть в командной строке ввёл:
cd C:\svelte-app
npm install
потом
...затем запустите сервер для разработки:

npm run dev
После этого ваше приложение будет доступно на http://localhost:5000/
но пока там у меня:
@825B, <8@!
а я ожидал Привет, мир!
ищу в чём я ошибся

Добавлено через 3 минуты
конечно, приятно, что нужное мне сделалось автоматом
но глянув в C:\svelte-app
дух захватывает.....
5 файлов, 4 папки-а в них дофига чего.........

@bucikere · 07.11.2021, 20:35

Сообщение от Ципихович Эндрю

но пока там у меня:
@825B, <8@!

Посмотрите в папке src файл App.svelte. Там поменяйте на то, что нужно.

@Ципихович Эндрю · 07.11.2021, 20:42 **[ТС]**

спасибо, ясно, там поменял и хорошо
а почему же так скачалось?

Добавлено через 4 минуты
странно, а почему в
<body>
</body>
пусто в index.html

@Ципихович Эндрю · 08.11.2021, 11:08 **[ТС]**

Сообщение от Ципихович Эндрю

странно, а почему в
<body>
</body>
пусто в index.html

разобрался-так и должно быть
и потом получается, что после перезагрузки нужно сделать в командной строке команды:
cd C:\svelte-app
npm install
npm run dev

Добавлено через 4 часа 5 минут
подскажите контент находится:
http://localhost:5000/
как можно заменить на попроще, например, на 03
именно на
http://03
а не в http://localhost:03/
??
спасибо
в винде это делается в hosts-файле, он имеется в
WINDOWS c:\windows\system32\drivers\etc\hosts

@Ципихович Эндрю · 10.11.2021, 20:17 **[ТС]**

оказывается скопированный в Нотепаде++ текст для запуска svelte в командной строке
вставляется в командную строку как
cd C:\svelte-appnpm installnpm run dev
и конечно пролёт........ вау
то есть нужно его, текст для запуска svelte в командной строке скопировать с сайта и тогда вкатится.........
выложу код bat файла для запуска, bat не мой))

Windows Batch file
1
2
3
4
5
6
cd /d C:\svelte-app
npm install
npm run dev
explorer http://localhost:5000/
 
pause

P.S. Команда вида "explorer http://ссылка" откроет адрес в браузере по-умолчанию

@j2FunOnly · 11.11.2021, 09:21

Не по теме:

Сообщение от Ципихович Эндрю

скопированный в Нотепаде++ текст для запуска svelte в командной строке
вставляется в командную строку как

Совсем с терминалом не дружите? Тяжко вам будет...

@Ципихович Эндрю · 11.11.2021, 09:38 **[ТС]**

а как нужно действовать?

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Ципихович Эндрю 1712 / 579 / 76 Регистрация: 10.04.2009 Сообщений: 9,327
	07.11.2021, 20:30 [ТС]
	https://ru.svelte.dev/blog/the... et-started Как же таки сделать приложение на Svelte? 1. С использованием REPL Svelte REPL — самый простой способ начать. Вы можете выбрать из списка один из стартовых примеров, и пытаться изменить его, пока он не начнёт делать то, что вы хотите. В какой-то момент, вы решите, что приложение переросло REPL. Нажмите кнопку download, чтобы сохранить файл svelte-app.zip на свой компьютер и распакуйте его. Откройте терминал и выполните команды... cd /путь/до/распакованного/svelte-app npm install то есть в командной строке ввёл: cd C:\svelte-app npm install потом ...затем запустите сервер для разработки: npm run dev После этого ваше приложение будет доступно на http://localhost:5000/ но пока там у меня: @825B, <8@! а я ожидал Привет, мир! ищу в чём я ошибся Добавлено через 3 минуты конечно, приятно, что нужное мне сделалось автоматом но глянув в C:\svelte-app дух захватывает..... 5 файлов, 4 папки-а в них дофига чего......... 0

@Ципихович Эндрю 1712 / 579 / 76 Регистрация: 10.04.2009 Сообщений: 9,327
	07.11.2021, 20:42 [ТС]
	спасибо, ясно, там поменял и хорошо а почему же так скачалось? Добавлено через 4 минуты странно, а почему в <body> </body> пусто в index.html 0

@Ципихович Эндрю 1712 / 579 / 76 Регистрация: 10.04.2009 Сообщений: 9,327
	11.11.2021, 09:38 [ТС]
	а как нужно действовать? 0