JavaScriptin asentaminen VSCodeen

JavaScript on yksi tärkeimmistä käyttöliittymäkielistä, koska se antaa verkkosivullesi mahdollisuuden ajatella ja reagoida. Haluat ehkä lisätä JavaScriptin IDE:hen, jos olet käyttöliittymäkehittäjä. Tässä opetusohjelmassa näemme, miten asenna JavaScript VSCodeen.

asenna JavaScript VSCodeen

Asenna JavaScript VSCodeen

Visual Studio Code on koodieditori, joka on täysin ilmainen ja avoimen lähdekoodin. Sen on kehittänyt Microsoft, ja kehittäjät arvostavat sitä erittäin kevyen, nopean ja laajennettavan rakenteensa vuoksi. Tämä koodieditori pystyy tukemaan erilaisia ohjelmointikieliä, ja tässä opetusohjelmassa keskitymme JavaScriptiin.

napsauta hiiren kakkospainikkeella ei vastaa Windows 10

Jos haluat asentaa JavaScriptin VSCodessa, sinun on noudatettava alla mainittuja vaiheita.

Asenna Visual Studio Code
Asenna Node.JS
Luo ja suorita JavaScript-ohjelma

Puhutaanpa niistä yksityiskohtaisesti.

1] Asenna Visual Studio Code

Ensinnäkin meidän on asennettava Visual Studio Code tietokoneellesi. Voit tehdä saman siirtymällä kohtaan code.visualstudio.com ja asenna sovellus haluamallesi alustalle. Kun olet ladannut, siirry latauspaikkaan ja asenna se tietokoneellesi.

virhe: 0x800f0906

2] Asenna Node.JS

Node.js on ilmainen ja avoimen lähdekoodin JavaScript-ajonaikainen ympäristö, joka voi toimia useissa käyttöjärjestelmissä, kuten Windowsissa, Linuxissa, Unixissa ja macOS:ssä. Se käyttää V8 JavaScript -moottoria JavaScript-koodin suorittamiseen verkkoselaimen ulkopuolella. Node.js:n avulla voit käyttää JavaScriptiä komentorivityökalujen kirjoittamiseen ja palvelinpuolen komentosarjan suorittamiseen.

Voimme asentaa Node.JS Extension Packin laajennuskeskuksesta. Joten siirry Laajennus-osioon napsauttamalla vastaavaa kuvaketta ja etsi 'Solmu.JS' ja napsauta siihen liittyvää asennuskuvaketta. Tämä paketti sisältää kokoelman hyödyllisiä laajennuksia JavaScriptin ja Node.js:n kanssa työskentelemiseen.

JavaScript-koodin suorittamiseksi meidän on asennettava Node.js, JavaScript-ajoympäristö. Voit ladata sen viralliselta sivulta Nodejs.org verkkosivusto. On suositeltavaa valita LTS (Long Term Support) -versio, koska se on vakain ja sopii useimmille käyttäjille.

3] Luo ja suorita JavaScript-ohjelma

Nyt kun olemme luoneet ympäristön koodin suorittamista varten, aloitetaan koodaus. Voit tehdä saman luomalla ensin VSCode-tiedoston. Joten avaa Visual Studio Code ja siirry kohtaan Tiedosto > Uusi tiedosto. Anna sille haluamasi nimi, mutta sillä .js laajennus. Joten voit nimetä sen 'javascript.js'. Tallenna se painamalla Ctrl + Vaihto + S tai Tiedosto > Tallenna nimellä. Varmista, että kaikki toimii hyvin, käytä seuraavaa komentoa.

console.log("Hello, world!");

Tämä JavaScript-koodi tulostaa 'Hei, maailma!' konsolin kautta, tekstipohjainen käyttöliittymä kommunikointiin ohjelmasi kanssa.

0x80004005 näkymät

4] Suorita JavaScript-tiedosto

JavaScriptin suorittaminen ei ole yhtä yksinkertaista kuin Java-tiedoston suorittaminen. Sinun on joko asennettava CodeRunner, joka lisää IDE:hen painikkeen, jonka avulla voit suorittaa koodin yhdellä napin painalluksella. Tai auki Terminaali, ja siirry sitten tiedostopolkuun käyttämällä 'cd'- tai Change directory -komentoa. Joten, vain cd tiedostopolkuun (cd ~/Desktop/JS) ja suorita sitten solmun tiedostonimi.js. Code Runner tekee sen kuitenkin automaattisesti puolestasi.

Lukea: VS-koodin määrittäminen Microsoft C++:lle ?

Korjaus 'solmu' ei tunnisteta sisäiseksi tai ulkoiseksi komennona

Jos saat virheilmoituksen, jonka mukaan 'solmua ei tunnisteta sisäisenä tai ulkoisena komennona', polkumuuttujaa ei ole määritetty järjestelmässäsi. Joten sinun on noudatettava alla mainittuja vaiheita määrittääksesi polun ympäristömuuttujassa.

Paina Win + R, kirjoita 'Ympäristömuuttuja' ja avaa Muokkaa järjestelmäympäristömuuttujia osio.
Klikkaa Ympäristömuuttujat.
Valitse Polku ja napsauta sitten Muokkaa.
Napsauta Uusi ja liitä polku, johon Nodejs on asennettu. Minulle se oli 'C:\Program Files\nodejs'
Napsauta Ok.

Käynnistä lopuksi Visual Studio Code uudelleen ja tarkista sitten, onko ongelma ratkaistu.

Lukea: Visual Studio Installer jumissa paketin asennuksessa

miksi Windows pitää ohjainpakettia kuljettajakaupassa

Kuinka lisätä JavaScript VS-koodiin?

Jos haluat lisätä JavaScriptin Visual Studio Codessa, sinun on ensin asennettava VSCode ja sitten Node.JS. Kun olet valmis, luo .JS-tiedosto, kirjoita koodit ja aloita sitten koodien kirjoittaminen. Suorita se vain navigoimalla tiedostopolkuun terminaalilla ja suorittamalla sitten solmun tiedostonimi.js tai parempi ladata Code Runner -laajennus.

Lukea: Kuinka ladata ja asentaa Java JDK Windowsiin ?

Voimmeko tehdä JavaScriptin VS-koodissa?

Kyllä, voit käyttää JavaScriptiä VS-koodissa. Itse asiassa VS Code tarjoaa erinomaisen virheenkorjaustuen JavaScriptille. Voit helposti asettaa keskeytyspisteitä, tarkastaa objekteja, navigoida puhelupinossa ja suorittaa koodia virheenkorjauskonsolissa. Jos haluat lisätietoja VS Coden virheenkorjauksesta, siirry kohtaan code.visualstudio.com .

Lue myös: Parhaat C++-laajennukset Visual Studio Codelle .