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前端资料分享)。.欢迎大家进群交流讨论,学习交流,共同进步。

当真正开始学习的时候难免不知道从哪入手,导致效率低下影响继续学习的信心。

但最重要的是不知道哪些技术需要重点掌握,学习时频繁踩坑,最终浪费大量时间,所以有有效资源还是很有必要的。

最后祝福所有遇到瓶疾且不知道怎么办的前端程序员们,祝福大家在往后的工作与面试中

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,884评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,212评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,351评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,412评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,438评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,127评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,714评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,636评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,173评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,264评论 3 339
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,402评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,073评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,763评论 3 332
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,253评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,382评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,749评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,403评论 2 358