【CentOS Linux 7】实验5【安装VScode，并用VScode编写HTML网页】
生活随笔
收集整理的這篇文章主要介紹了
【CentOS Linux 7】实验5【安装VScode，并用VScode编写HTML网页】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- Linux系統及應用---調研報告
- 實驗4文檔：gcc編譯器、Linux網絡配置基礎
目? ?錄
【實驗目的】
【實驗步驟】
（1)???在VS code官網上，下載安裝程序：
（2)???在Linux系統下，安裝VS code軟件：
（3)???在Linux系統下，啟動VS code軟件：
（4)???在Linux系統下，安裝VS code軟件需要的插件：
（5)???在VS code軟件中，編寫HTML頁面：
（6)???運行在VS code軟件中編寫的HTML頁面：
【實驗總結】
【實驗目的】
在Linux系統中，搭建編寫HTML網頁的環境。在VS code官網上，下載VS code安裝程序，進行安裝。
在VS code軟件中編寫HTML頁面，并正確運行。
【實驗步驟】
（1)???在VS code官網上，下載安裝程序：
?
（2)???在Linux系統下，安裝VS code軟件：
?
輸入安裝命令 “ rpm -ivh code-1.40.2-1574694258.el7.x86_64.rpm ”? 。
（3)???在Linux系統下，啟動VS code軟件：
?
（4)???在Linux系統下，安裝VS code軟件需要的插件：
安裝漢化插件，對VS code進行漢化。
?安裝快捷啟動插件，方便運行HTML頁面。
（5)???在VS code軟件中，編寫HTML頁面：
舞動的小鳥---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>舞動的小鳥</title><style>body{margin:0; /*外邊距*/background-color:rgb(39,40,59);}.bird{position:relative; /*相對定位*/width:200px;height:200px;margin:100px auto; /*居中*/background-color:#0000ff;}.bird .big,.middle,.small{position:absolute; /*絕對定位*/border-style:solid; /*邊框：大小 風格 顏色*/border-radius:50%; /*圓角*/transition:all 1s; /*過渡*/transform:rotate(45deg); /*旋轉*/}.big{border-width:100px; /*邊框粗細*/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; /*邊框粗細*/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)???運行在VS code軟件中編寫的HTML頁面：
舞動的小鳥-運行過程：
【實驗總結】
通過本次實驗，我對Linux系統上的軟件安裝過程，更加熟悉。Linux系統中軟件的安裝，主要分為四種：源碼包安裝、RPM二進制安裝、YUM在線安裝、腳本安裝包。
安裝軟件的方法不同，但各有千秋。此次實驗，令我對“Linux安裝軟件的四種方法”理解更加透徹。通過實驗，我發現自身的很多不足，也發現了Linux的更多優點，課下我會多加練習，勤查資料，爭取在Linux上的學習可以更上一層樓。
總結
以上是生活随笔為你收集整理的【CentOS Linux 7】实验5【安装VScode，并用VScode编写HTML网页】的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SQL Server数据库-视图相关操作
- 下一篇： 【CentOS Linux 7】【Lin