一、安裝node.js

1、什么是node.js

node.js大部分基本模塊都用JavaScript語言編寫。JavaScript最早是運(yùn)行在瀏覽器中，通常作為客戶端程序設(shè)計(jì)語言使用，node.js的出現(xiàn)使JavaScript也能用于服務(wù)端編程。

簡(jiǎn)單的說 node.js 就是運(yùn)行在服務(wù)端的 JavaScript。

2、下載node.js

直接去官網(wǎng)下載，覺得速度慢的話，可以從別人的百度網(wǎng)盤下載。下載的過程跟著操作即可，個(gè)人建議安裝路徑別放在C盤。

3、驗(yàn)證

win +r 輸入cmd，然后輸入  node -v和npm -v ，出現(xiàn)版本號(hào)即安裝成功。新版本的node.js中自帶npm（npm是Node.js的包管理工具）環(huán)境，均需驗(yàn)證。

如果沒有出現(xiàn)類似上圖的版本號(hào)，需要配置環(huán)境變量，在環(huán)境變量對(duì)話框里，找到系統(tǒng)變量下的Path -->編輯 -->新建 -->將node.js的安裝目錄復(fù)制上去，點(diǎn)擊確定即可。

二、VSCode的安裝

官網(wǎng)下載vscode安裝包后，解壓就可以使用了，建議解壓到C盤外的其他盤的一個(gè)文件夾里，方便管理。

在你解壓的目錄里找到Code.exe，右擊 --> 發(fā)送到 -->桌面快捷方式，這樣，你的桌面就有它的圖標(biāo)了。

 三、VSCode運(yùn)行第一個(gè)js/html代碼

1、裝好插件（open in browser、code runner、Live Server）

open in browser：通過瀏覽器打開html文件

code runner：直接運(yùn)行js文件

Live Server：實(shí)時(shí)查看網(wǎng)頁(yè)效果 --->也可不裝，看自己需求

2、 步驟

1、點(diǎn)擊擴(kuò)展

2、在搜索框里分別輸入上面三個(gè)插件，點(diǎn)擊install。安裝好之后就可以用了。

3、創(chuàng)建第一個(gè)html代碼

注：你修改了代碼需要ctrl+s保存一下

首先，先創(chuàng)建一個(gè)工作空間，F(xiàn)ile-->Save Workspace As-->新建一個(gè)文件夾，然后雙擊打開，點(diǎn)擊save即可。

第二步，在你創(chuàng)建的工作空間里添加一個(gè)目錄，F(xiàn)ile-->Add Folder to Workspace-->找到你上面工作空間的目錄，雙擊進(jìn)去后，創(chuàng)建一個(gè)文件夾，點(diǎn)擊Add即添加成功。

第三步，展開你工作空間以及你添加的目錄，在你添加的目錄下，點(diǎn)那個(gè)New File，新建一個(gè)后綴名為html的文件，!+Tab可以補(bǔ)齊html代碼（!為英文下的）。

 右擊，選擇Open In Default Browser或Open In Other Browsers就可以在瀏覽器查看了，如果你下了Live Server，你可以選擇Open with Live Server打開（更適合沒聯(lián)網(wǎng)的情況）。

4、創(chuàng)建第一個(gè)js代碼

在你添加的目錄下，點(diǎn)那個(gè)New File，新建一個(gè)后綴名為js的文件，點(diǎn)那個(gè)三角就能運(yùn)行。

總結(jié) 

到此這篇關(guān)于vscode安裝教程以及配置node.js環(huán)境的文章就介紹到這了,更多相關(guān)vscode安裝配置node.js環(huán)境內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論