前面
子曰 "工欲善其事, 必先利其器". 开始编写 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(前端资料分享).. 欢迎大家进群交流讨论, 学习交流, 共同进步.
当真正开始学习的时候难免不知道从哪入手, 导致效率低下影响继续学习的信心.
但最重要的是不知道哪些技术需要重点掌握, 学习时频繁踩坑, 最终浪费大量时间, 所以有有效资源还是很有必要的.
最后祝福所有遇到瓶疾且不知道怎么办的前端程序员们, 祝福大家在往后的工作与面试中
来源: http://www.jianshu.com/p/13b65215f34f