HTML & CSS 基礎入門(2)選取工具:VS2019安裝使用

前面

子曰「工欲善其事,必先利其器」。開始編寫HTML代碼前,咱們該選擇一款編輯工具,實際上,HTML做爲標記語言,咱們甚至能夠直接用記事原本編寫HTML代碼,但記事本實在弱爆了。這裏推薦使用Visual Studio,固然,你也能夠選擇其它你習慣使用的編輯器,甚至可使用在線的HTML編輯工具。Visual Studio(簡稱VS)是微軟公司的開發工具,有「宇宙第一IDE」的美稱,它十分強悍,同時又足夠的易用,對於初學者而言,我的認爲VS仍是比較合適的。前端

(注:IDE即集成開發環境,就是能夠用它來搞開發。後面咱們能夠用VS開發WEB應用)程序員

那麼,該如何獲得這款超級IDE呢,沒有拐彎,直接官網,在微軟官網提供了下載,目前最新版是Visual Studio 2019,共有三個版本可供選擇,咱們直接裝【社區版】便可,【社區版】是針對我的開發者,注意它是免費的。【Professional】和【企業版】供企業團隊使用,要錢的。面試

Visual Studio 2019 安裝

Visual Studio 2019官網下載地址:https://visualstudio.microsoft.com/zh-hans/downloads/編程

下載完成後,直接運行剛下載的安裝程序:瀏覽器

image

繼續……而後稍等片刻,讓它提取一下文件。架構

image

OK,做爲宇宙最強IDE,咱們能夠瞄一眼看到它提供了多少可供安裝的開發功能組件。

固然,咱們不可能所有安裝,假如我只是一個編程入門者,想學習一些 ASP.NET/C++/Python/C# 的編程,勾選這幾個大概就能夠了,若是後期有需求,也能夠再安裝。編輯器

image

點擊【安裝】按鈕後,倒上一杯茶,咱們能夠慢慢的等待了。工具

image

終於完成了,沒有帳戶呀,那就之後再說吧。學習

image

簡單設置一下,開發設置就先選C#吧,這個不重要,顏色主題嘛,人各有愛。開發工具

image

這裏就【繼續但無需代碼】吧,咱們先一睹芳容吧。

image

打開VS 2019後,咱們能夠看到一個很簡潔的界面,界面頂部是功能菜單,工做區主要有【解決方案資源管理器】和【工具箱】。

image

(注:【解決方案資源管理器】就至關因而個目錄列表,經常使用到,若是不當心關掉了,在【視圖】菜單的第一項就能看到。)

使用 VS 2019建立 HTML 文檔

OK! 安裝完畢,該而後建立一個 HTML 文檔呢!

【文件】>>【建立】>>【項目】,打開【建立新項目】對話框,找到並選擇【空白解決方案】,而後【下一步】

image

image

【建立】完成後,便可在【解決方案資源管理器】裏看到「第一個項目」,在上面單擊鼠標右鍵,選中【添加】>>【新建項】,打開【添加新項】對話框。

image

在【添加新項】對話框中,選中【HTML 頁】,而後取個名字,點擊【添加】便可。image

OK!能夠看到,網頁已經出來了,VS已經幫咱們把基本的代碼自動生成了。在<body>標籤裏寫上一句話,而後【保存】一下。

image

回到電腦,找個剛建立這個項目的文件夾,我剛選的是「G:網頁學習」,雙擊打開,便可在瀏覽器中看到剛寫的那一句話了。

image

雙擊在瀏覽器中打開,就能夠看到效果了。

image

最後

VS 是否是比想象的要簡單,雖然有一點大,但使用確實很方便,特別是後面想接着學習  ASP.NET 的小夥伴,是要長期和  VS  打交道的喲。

爲了幫助你們讓學習變得輕鬆、高效,給你們免費分享一大批資料,幫助你們在成爲全棧工程師,乃至架構師的路上披荊斬棘。在這裏給你們推薦一個前端學習進階內推交流羣685910553前端資料分享)。.歡迎你們進羣交流討論,學習交流,共同進步。

當真正開始學習的時候不免不知道從哪入手,致使效率低下影響繼續學習的信心。

但最重要的是不知道哪些技術須要重點掌握,學習時頻繁踩坑,最終浪費大量時間,因此有有效資源仍是頗有必要的。

最後祝福全部遇到瓶疾且不知道怎麼辦的前端程序員們,祝福你們在日後的工做與面試中

相關文章
相關標籤/搜索