Madaling Mga Paraan upang Gumamit ng ES6: 8 Mga Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Madaling Mga Paraan upang Gumamit ng ES6: 8 Mga Hakbang (na may Mga Larawan)
Madaling Mga Paraan upang Gumamit ng ES6: 8 Mga Hakbang (na may Mga Larawan)

Video: Madaling Mga Paraan upang Gumamit ng ES6: 8 Mga Hakbang (na may Mga Larawan)

Video: Madaling Mga Paraan upang Gumamit ng ES6: 8 Mga Hakbang (na may Mga Larawan)
Video: CFPH 2022 🇵🇭 | Installation tutorial mas mabilis pwede PC or Laptop [100% works!!] 2024, Abril
Anonim

Ang ES6, kung minsan ay tinukoy bilang ECMAScript 2015, ay isang code na mahahanap mo sa ilang mga browser, ngunit kailangan mong magpatakbo ng isang kapaligiran na Node.js upang makapagpatakbo at makapagsulat ng ES6 code. Ipapakita sa iyo ng wikiHow na ito kung paano magsisimulang magsulat ng ES6 code.

Mga hakbang

Gumamit ng ES6 Hakbang 1
Gumamit ng ES6 Hakbang 1

Hakbang 1. I-download at i-install ang Node.js sa

Ang Node.js ay isang server-side environment na kailangan mong gumamit ng code. Gumagana ang Node.js para sa parehong Windows at macOS.

  • Laktawan ang hakbang na ito kung mayroon ka nang naka-install na Node.js sa iyong computer.
  • Mag-click LTS, ang unang berdeng pindutan sa kaliwa. Mag-i-install ito ng isang matatag na bersyon ng Node.js sa iyong computer. Kung gumagamit ka ng isang Windows computer, malamang na kailangan mong patakbuhin ang na-download na file at magpatuloy sa pamamagitan ng wizard sa pag-install. Kung gumagamit ka ng macOS, malamang na kailangan mong patakbuhin ang naka-install na file, pagkatapos ay i-drag at i-drop ang icon ng application sa iyong folder na Mga Application.
Gumamit ng ES6 Hakbang 2
Gumamit ng ES6 Hakbang 2

Hakbang 2. I-download at i-install ang Visual Studio Code sa

Ang VSC ay isang programa na tumatakbo sa parehong Windows at Mac na nagbibigay-daan sa iyo upang lumikha ng ES6 code.

Mag-click Mag-download sa kanang sulok sa itaas ng pahina kung ang kasalukuyang Mag-download para sa (iyong OS) ay hindi tama. Maaaring kailanganin ng mga gumagamit ng Windows na patakbuhin ang na-download na file at magpatuloy sa pamamagitan ng wizard ng pag-install. Kung gumagamit ka ng macOS, malamang na kailangan mong patakbuhin ang naka-install na file, pagkatapos ay i-drag at i-drop ang icon ng application sa iyong folder na Mga Application.

Gumamit ng ES6 Hakbang 3
Gumamit ng ES6 Hakbang 3

Hakbang 3. Lumikha ng isang walang laman na folder sa iyong drive o desktop

Upang magawa ito, buksan lamang ang File Explorer o Finder, pumunta sa lokasyon (halimbawa, C drive) kung saan mo nais na likhain ang iyong folder. Pangalanan ito ng isang simpleng bagay na maaalala mo (tulad ng "JS" o "Nodefolder").

Gumamit ng ES6 Hakbang 4
Gumamit ng ES6 Hakbang 4

Hakbang 4. Buksan ang Visual Studio Code

Mahahanap mo ito sa iyong Start Menu o Mga Application folder sa Finder.

Gumamit ng ES6 Hakbang 5
Gumamit ng ES6 Hakbang 5

Hakbang 5. Buksan ang walang laman na folder sa VSC

Pumunta sa File> Buksan ang Bagong Folder upang buksan ang file browser at piliin ang iyong walang laman na folder.

Makikita mo ang pangalan ng iyong folder sa panel sa kaliwang bahagi ng application

Gumamit ng ES6 Hakbang 6
Gumamit ng ES6 Hakbang 6

Hakbang 6. Lumikha ng isang file sa iyong folder

I-click ang pahina at icon ng plus na mag-sign (+) sa tabi ng pangalan ng folder.

Pangalanan ito ng isang bagay na simple, halimbawa "helloworld.js"

Gumamit ng ES6 Hakbang 7
Gumamit ng ES6 Hakbang 7

Hakbang 7. Ipasok ang sumusunod na code sa pane ng teksto sa kanan

  • console.log ('Kumusta mundo');

Gumamit ng ES6 Hakbang 8
Gumamit ng ES6 Hakbang 8

Hakbang 8. Subukan na gumagana ang code

Dahil mayroon kang naka-install na Node.js, makikita mo ang isang "Terminal" window na malapit sa ilalim ng iyong programa.

  • Uri

    node helloworld.js

  • at dapat kang makakuha ng isang tugon ng "Kamusta mundo" sa susunod na linya.
  • Dapat ay makakalikha ka ng anumang ES6 code na gusto mo rito. Para sa mga halimbawa ng code, maaari kang tumingin sa https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ at https:// code. visualstudio.com/docs/languages/javascript.

Inirerekumendang: