Как запустить проект javascript в Atom?Или любой другой IDE? - PullRequest
Новая
       28

Как запустить проект javascript в Atom?Или любой другой IDE?

0 голосов
/ 17 октября 2018

Я новичок в Atom и javascript.

Я загрузил Atom и успешно запустил его.Но у меня нет никаких знаний, как начать работать в нем?

Вот что я вижу и пробую набрать в окне:

enter image description here

Это не похоже на код, и я не вижу "запуска" или каких-либо других кнопок для запуска этого кода.

Как кодировать и запускать проект javascript в Atom или любой другой IDE?

Ответы [ 3 ]

0 голосов
/ 17 октября 2018

Для этого у вас есть 2 варианта:

  • Создать страницу HTML и включить в нее Javascript 

<!DOCTYPE html>
<html>
<body>

<h2>External JavaScript</h2>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<p>(myFunction is stored in an external file called "myScript.js")</p>

<script src="myScript.js"></script>

</body>
</html>

А затем откройте файл HTML с помощью Safari / Chrome / Firefox

  • Вы также можете запустить скрипт изнутри Atom.Вам нужно будет установить пакет под названием «скрипт».Вот шаги в Mac OSX, это будет, вероятно, аналогичным в Windows.
    1. В Mac, из верхнего меню.Атом -> Предпочтение -> Установить.
    2. Поищите пакет «Script», который скачает более 1 миллиона.После загрузки вы можете запустить скрипт, нажав cmd + i
0 голосов
/ 17 октября 2018

Есть несколько вещей, которые я хочу прояснить!Javascript - это язык, созданный для Интернета, поэтому он обычно работает с HTML и CSS, поэтому большинство учебных пособий включают HTML и CSS с Javascript.Таким образом, в отличие от Java, Python, VB.NET здесь нет кнопки, которую нужно нажимать, и код JS запускается, вы должны включить его в файл HTML, например, как показано в @ user3538203.

Теперь я добавлю несколькошаги для запуска программы JS.

  1. Открыть Atom
  2. Открыть папку в Atom (эта папка является папкой вашего проекта), нажав на файл -> Открыть папку.
  3. С левой сторонына экране вы увидите название вашей папки вверху
  4. Щелкните правой кнопкой мыши по нему и выберите новый файл
  5. Назовите этот файл index.html
  6. Вставьте код в @user3538203 отправьте сообщение в файл index.html
  7. Щелкните правой кнопкой мыши папку проекта еще раз и создайте новый файл с именем myScript.js
  8. Введите здесь свой код Javascript (т. е. console.log ("test");)
  9. Перейдите в папку проекта и откройте index.html в браузере
  10. Нажмите F12 и перейдите на вкладку консоли
  11. Вы увидите результат консоли.log («test») и atom будут действовать как IDE

Примечание. Существуют способы заставить JS работать в консоли или в приложении, но для этого потребуется больше знаний о JS, и вынужно установить NodeJS или какой-то специальный пакет, как показывал @ user3538203.

0 голосов
/ 17 октября 2018

Я не уверен, что вы можете сделать это в Atom по умолчанию.Я всегда просто использую командную строку для JS с Atom / Aptana и т. Д., Если я использую grunt, gulp, npm и т. Д.

...