前面
子曰“工欲善其事,必先利其器”。開始編寫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/
下載完成后,直接運行剛下載的安裝程序:
繼續……然后稍等片刻,讓它提取一下文件。
OK,作為宇宙最強IDE,我們可以瞄一眼看到它提供了多少可供安裝的開發功能組件。
當然,我們不可能全部安裝,假如我只是一個編程入門者,想學習一些 ASP.NET/C++/Python/C# 的編程,勾選這幾個大概就可以了,如果后期有需求,也可以再安裝。
點擊【安裝】按鈕后,倒上一杯茶,我們可以慢慢的等待了。
終於完成了,沒有賬戶呀,那就以后再說吧。
簡單設置一下,開發設置就先選C#吧,這個不重要,顏色主題嘛,人各有愛。
這里就【繼續但無需代碼】吧,我們先一睹芳容吧。
打開VS 2019后,我們可以看到一個很簡潔的界面,界面頂部是功能菜單,工作區主要有【解決方案資源管理器】和【工具箱】。
(注:【解決方案資源管理器】就相當於是個目錄列表,常用到,如果不小心關掉了,在【視圖】菜單的第一項就能看到。)
使用 VS 2019創建 HTML 文檔
OK! 安裝完畢,該然后創建一個 HTML 文檔呢!
【文件】>>【創建】>>【項目】,打開【創建新項目】對話框,找到並選擇【空白解決方案】,然后【下一步】
【創建】完成后,即可在【解決方案資源管理器】里看到“第一個項目”,在上面單擊鼠標右鍵,選中【添加】>>【新建項】,打開【添加新項】對話框。
在【添加新項】對話框中,選中【HTML 頁】,然后取個名字,點擊【添加】即可。
OK!可以看到,網頁已經出來了,VS已經幫我們把基本的代碼自動生成了。在<body>標簽里寫上一句話,然后【保存】一下。
回到電腦,找個剛創建這個項目的文件夾,我剛選的是“G:\網頁學習”,雙擊打開,即可在瀏覽器中看到剛寫的那一句話了。
雙擊在瀏覽器中打開,就可以看到效果了。
最后
VS 是不是比想象的要簡單,雖然有一點大,但使用確實很方便,特別是后面想接着學習 ASP.NET 的小伙伴,是要長期和 VS 打交道的喲。
------------------END