【WEB基础】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/
下载完成后,直接运行刚下载的安装程序:
继续……然后稍等片刻,让它提取一下文件。
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
转载于:https://www.cnblogs.com/nnzhang/p/10898013.html
【WEB基础】HTML CSS 基础入门(2)选取工具:VS2019安装使用相关推荐
- html基础、css基础(前端基础知识入门)
html以及css知识点总结 前言:大家好啊,我是小编达闻西.我相信在茫茫的文海之中相遇,这是一份莫大的缘分.在武侠小说中,遇见有缘人都会传你绝世神功,从而你就可以称霸武林,迎娶白富美,走上人生巅峰. ...
- 【前端开发基础】CSS基础知识以及CSS3
文章目录 一.CSS层叠样式 (一) 目标 1.CSS简介 1.1 HTML的局限性 1.2 CSS网页的美容师 1.3 CSS语法规范 1.4 CSS代码风格 (1)样式格式书写 (2)样式大小写风 ...
- HTML基础,CSS基础
目录 HTML基础 标签 1.文本格式化,图片,音频,视频,链接标签 列表(有序,无序,自定义) 表格 1.表格(基本使用) 2.表格(合并单元格) 表单 1.input基本使用 2.表单占位符,单选 ...
- html基础和CSS基础
HTML和CSS基础 html基本结构 vscode推荐插件 插件 作用 Chinese (Simplified)LanguagePack for vs Code 中文(简体)语言包 Open in ...
- Python学习笔记:22 HTML5基础和CSS基础
了解一些HTML5的基础知识和CSS基础知识有助于爬虫的学习,在学习这些基础知识之前,首先要安装HBuiderX工具.直接到官网下载标准版即可. HTML基础 可以到HTML教程学习一下HTML基础知 ...
- Web前端开发CSS基础(2)
CSS 层叠样式表(英文全称:Cascading Style Sheets),是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不 ...
- 重拾web开发-DIV+CSS基础(总结)
以下内容摘自网上各处本人只是总结并非完全原创,特此申明. 文档类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
- 【Web前端HTML+CSS基础——常规流和浮动(猫眼电影项目实战)】
文章目录 常规流 常规流的布局 浮动 应用场景 浮动的基本特点 盒子尺寸 盒子排列 高度坍塌(造成网页布局样式混乱的根源) 浮动知识点练习代码: 浮动练习代码1: 浮动练习代码2: 浮动项目实战--猫 ...
- Web实验2 CSS基础应用
一.实验目的 掌握在网页中引用CSS的方法: 掌握CSS的基本语法规则: 掌握CSS的常用选择器. 掌握盒子的特性及使用. 二.实验内容 1.按下面要求对整体页面进行设置: 字体:宋体 微软雅黑;字号 ...
- Web前端开发css基础样式总结
颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间 一般都用16进制表示颜色 单 ...
最新文章
- BTC引领市场多头情绪爆发 BCH筑底完成望成上涨新风口
- windows系统采用了那种访问控制模型_Linux-3.2 系统与硬件(下)(连载)
- 网页UTF8转换GBK后出现问号?的原因
- Linux的帧缓冲设备
- 1-6docker数据共享与持久化
- 用户画像有什么用?怎样用?6个场景案例给你讲明白
- 关于JXL读写以及修改EXCEL文件转
- leetcode371
- 异常检测时间序列_DeepAnT —时间序列的无监督异常检测
- linux离线安装docx包
- R语言笔记 画多个图
- php格式文件用什么看,.zbf是什么格式文件,用什么看的
- 原型工具axure7.0
- 我的Effective C++读书笔记
- html制作发光效果的文字,HTML5/CSS3发光文字可自定义文字色彩效果很赞
- NP完全问题的归约-碰撞集(HITTING SET)
- 【精选】JavaScript网页时钟
- 微信小程序富文本编辑器获取内容
- 操作系统_逻辑地址转换为物理地址
- Python Curses
热门文章
- 完整的安全方案需要参考的几个方面
- 硬盘容量统计显示WinDirStat v1.1.2.79(印心绿化版)
- EXCHANGE服务器一些常用的邮件限制方法笔记
- leetcode[0142]环形链表II,判断是否存在环形链表并找到环形的入口
- 苹果Mac智能的Python集成开发环境:PyCharm Pro
- iOS开发之来自一线开发者的Swift学习资源推荐
- VNC Connect Enterprise for mac(远程桌面软件)
- 如何在Mac上使用听写进行语音到文本的键入
- 同域下iframe父页面和子页面调用
- android webkit js脚本注入(js内部对象由java层构建)