【CentOS Linux 7】实验5【安装VScode，并用VScode编写HTML网页】
- Linux系統(tǒng)及應(yīng)用---調(diào)研報(bào)告
- 實(shí)驗(yàn)4文檔：gcc編譯器、Linux網(wǎng)絡(luò)配置基礎(chǔ)
目? ?錄
【實(shí)驗(yàn)?zāi)康摹?/p>
【實(shí)驗(yàn)步驟】
（1)???在VS code官網(wǎng)上，下載安裝程序：
（2)???在Linux系統(tǒng)下，安裝VS code軟件：
（3)???在Linux系統(tǒng)下，啟動(dòng)VS code軟件：
（4)???在Linux系統(tǒng)下，安裝VS code軟件需要的插件：
（5)???在VS code軟件中，編寫HTML頁面：
（6)???運(yùn)行在VS code軟件中編寫的HTML頁面：
【實(shí)驗(yàn)總結(jié)】
【實(shí)驗(yàn)?zāi)康摹?/strong>
在Linux系統(tǒng)中，搭建編寫HTML網(wǎng)頁的環(huán)境。在VS code官網(wǎng)上，下載VS code安裝程序，進(jìn)行安裝。
在VS code軟件中編寫HTML頁面，并正確運(yùn)行。
【實(shí)驗(yàn)步驟】
（1)???在VS code官網(wǎng)上，下載安裝程序：
?
（2)???在Linux系統(tǒng)下，安裝VS code軟件：
?
輸入安裝命令 “ rpm -ivh code-1.40.2-1574694258.el7.x86_64.rpm ”? 。
（3)???在Linux系統(tǒng)下，啟動(dòng)VS code軟件：
?
（4)???在Linux系統(tǒng)下，安裝VS code軟件需要的插件：
安裝漢化插件，對(duì)VS code進(jìn)行漢化。
?安裝快捷啟動(dòng)插件，方便運(yùn)行HTML頁面。
（5)???在VS code軟件中，編寫HTML頁面：
舞動(dòng)的小鳥---HTML頁面代碼：
<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content="lwx"><meta name="Keywords" content=""><meta name="Description" content=""><title>舞動(dòng)的小鳥</title><style>body{margin:0; /*外邊距*/background-color:rgb(39,40,59);}.bird{position:relative; /*相對(duì)定位*/width:200px;height:200px;margin:100px auto; /*居中*/background-color:#0000ff;}.bird .big,.middle,.small{position:absolute; /*絕對(duì)定位*/border-style:solid; /*邊框：大小 風(fēng)格 顏色*/border-radius:50%; /*圓角*/transition:all 1s; /*過渡*/transform:rotate(45deg); /*旋轉(zhuǎn)*/}.big{border-width:100px; /*邊框粗細(xì)*/border-color:transparent transparent #f00 #f00; /*透明色*/}.middle{top:10%;left:10%;border-width:80px;border-color:#ffff00 transparent #fff #fff;}.small{top:30%;left:30%;border-width:40px; /*邊框粗細(xì)*/border-color:transparent #ffcc00 transparent transparent;}.small:before{content:''; /*激活*/position:absolute;top:-10px;right:20px;width:20px;height:20px;border-radius:50%;background-color:black;}.bird:hover .big{transform:rotate(225deg);border-color:transparent transparent #00ffff #33ffff;}.bird:hover .middle{transform:rotate(-135deg);border-color:transparent #ffff00 #fff;}.bird:hover .small{transform:rotate(135deg);}</style></head><body><div class="bird"> <!--父相子絕--><div class="big"></div><div class="middle"></div><div class="small"></div></div></body> </html>（6)???運(yùn)行在VS code軟件中編寫的HTML頁面：
舞動(dòng)的小鳥-運(yùn)行過程：
【實(shí)驗(yàn)總結(jié)】
通過本次實(shí)驗(yàn)，我對(duì)Linux系統(tǒng)上的軟件安裝過程，更加熟悉。Linux系統(tǒng)中軟件的安裝，主要分為四種：源碼包安裝、RPM二進(jìn)制安裝、YUM在線安裝、腳本安裝包。
安裝軟件的方法不同，但各有千秋。此次實(shí)驗(yàn)，令我對(duì)“Linux安裝軟件的四種方法”理解更加透徹。通過實(shí)驗(yàn)，我發(fā)現(xiàn)自身的很多不足，也發(fā)現(xiàn)了Linux的更多優(yōu)點(diǎn)，課下我會(huì)多加練習(xí)，勤查資料，爭取在Linux上的學(xué)習(xí)可以更上一層樓。
總結(jié)
以上是生活随笔為你收集整理的【CentOS Linux 7】实验5【安装VScode，并用VScode编写HTML网页】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SQL Server数据库-视图相关操作
- 下一篇： 【CentOS Linux 7】【Lin