HTML & CSS 基础入门（2）选取工具：VS2019安装使用

时间 2019-12-06

标签 html css 基础入门选取工具 vs2019 安装使用栏目 HTML 繁體版

原文原文链接

前面

子曰“工欲善其事，必先利其器”。开始编写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 打交道的哟。

为了帮助你们让学习变得轻松、高效，给你们免费分享一大批资料，帮助你们在成为全栈工程师，乃至架构师的路上披荆斩棘。在这里给你们推荐一个前端学习进阶内推交流群685910553（前端资料分享）。.欢迎你们进群交流讨论，学习交流，共同进步。

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

但最重要的是不知道哪些技术须要重点掌握，学习时频繁踩坑，最终浪费大量时间，因此有有效资源仍是颇有必要的。

最后祝福全部遇到瓶疾且不知道怎么办的前端程序员们，祝福你们在日后的工做与面试中