集团主站
欢迎来到成都达内官方网站!达内—美国上市公司 亿元级外企IT培训企业!
成都it培训哪家好
成都it培训哪家好
全国服务监督电话:15023458194  |   联系客服   |
当前位置:主页 > 培训课程 > web前端 >

成都web前端HTML&CSS基础选取工具:VS2019安装使用

发布者: 成都达内     浏览次数:     发布时间:2019-05-21 11:42:46

开始编写HTML代码前,我们该选择一款编辑工具,实际上,HTML作为标记语言,我们甚至可以直接用记事本来编写HTML代码,但记事本实在弱爆了。...

  开始编写HTML代码前,我们该选择一款编辑工具,实际上,HTML作为标记语言,我们甚至可以直接用记事本来编写HTML代码,但记事本实在弱爆了。这里推荐使用Visual Studio,当然,你也可以选择其它你习惯使用的编辑器,甚至可以使用在线的HTML编辑工具。Visual Studio(简称VS)是微软公司的开发工具,有“宇宙第一IDE”的美称,它十分强悍,同时又足够的易用,对于初学者而言,个人认为VS还是比较合适的。

  (注:IDE即集成开发环境,就是可以用它来搞开发。后面我们可以用VS开发WEB应用)

  那么,该如何得到这款超级IDE呢,没有拐弯,直接官网,在微软官网提供了下载,目前最新版是Visual Studio 2019,共有三个版本可供选择,我们直接装【社区版】即可,【社区版】是针对个人开发者,注意它是免费的。【Professional】和【企业版】供企业团队使用,要钱的。

  Visual Studio 2019 安装

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  下载完成后,直接运行刚下载的安装程序:

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  继续……然后稍等片刻,让它提取一下文件。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  OK,作为宇宙最强IDE,我们可以瞄一眼看到它提供了多少可供安装的开发功能组件。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  当然,我们不可能全部安装,假如我只是一个编程入门者,想学习一些 ASP.NET/C++/Python/C# 的编程,勾选这几个大概就可以了,如果后期有需求,也可以再安装。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  点击【安装】按钮后,倒上一杯茶,我们可以慢慢的等待了。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  终于完成了,没有账户呀,那就以后再说吧。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  简单设置一下,开发设置就先选C#吧,这个不重要,颜色主题嘛,人各有爱。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  这里就【继续但无需代码】吧,我们先一睹芳容吧。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  打开VS 2019后,我们可以看到一个很简洁的界面,界面顶部是功能菜单,工作区主要有【解决方案资源管理器】和【工具箱】。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  (注:【解决方案资源管理器】就相当于是个目录列表,常用到,如果不小心关掉了,在【视图】菜单的第一项就能看到。)

  使用 VS 2019创建 HTML 文档

  OK! 安装完毕,该然后创建一个 HTML 文档呢!

  【文件】>>【创建】>>【项目】,打开【创建新项目】对话框,找到并选择【空白解决方案】,然后【下一步】

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  【创建】完成后,即可在【解决方案资源管理器】里看到“第一个项目”,在上面单击鼠标右键,选中【添加】>>【新建项】,打开【添加新项】对话框。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  在【添加新项】对话框中,选中【HTML 页】,然后取个名字,点击【添加】即可。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  OK!可以看到,网页已经出来了,VS已经帮我们把基本的代码自动生成了。在标签里写上一句话,然后【保存】一下。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  回到电脑,找个刚创建这个项目的文件夹,我刚选的是“G:\网页学习”,双击打开,即可在浏览器中看到刚写的那一句话了。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  双击在浏览器中打开,就可以看到效果了。

  成都web前端HTML&CSS基础选取工具:VS2019安装使用

  最后

  VS 是不是比想象的要简单,虽然有一点大,但使用确实很方便,特别是后面想接着学习 ASP.NET 的小伙伴,是要长期和 VS 打交道的哟。

(责任编辑:范老师)
最新开班
  • 成都Java培训班
    免费试听名额发放中...
  • 成都C++培训班
    免费试听名额发放中...
  • 成都PHP培训班
    免费试听名额发放中...
  • 成都网络工程培训班
    免费试听名额发放中...
  • 成都Unity3D培训班
    免费试听名额发放中...
  • 成都大数据培训班
    免费试听名额发放中...
  • 成都uid培训班
    免费试听名额发放中...
  • 成都会计培训班
    免费试听名额发放中...
  • 成都Python培训班
    免费试听名额发放中...
  • 成都嵌入式培训班
    免费试听名额发放中...
  • 成都web培训班
    免费试听名额发放中...
  • 成都软件测试培训班
    免费试听名额发放中...
在线留言
提交

校区地址:绵阳市涪城区临园路东段68号富临大都会7栋3单元9层12号

联系电话:15023458194

公交路线:富乐路口凯德广场(10路;29路;3路;15路;11路;15a路;71路)

校区地址:成都市锦江区东大街紫东楼端35号明宇金融广场19楼1906室

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市高新区奥克斯广场蜀锦路209号一楼商铺

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都锦江区东大街芷泉街229号东方广场C座3楼303

联系电话:15023458194

公交路线:芷泉街(188路;115路;515路;236路;505路;501路;84路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:成都市武侯区佳灵路3号红牌楼广场2号写字楼11楼1115号

联系电话:15023458194

公交路线:红牌楼东(11路;92路;100路;111路;139路;g28路;快速公交K1/K2) 地铁路线:红牌楼站(地铁3号线)

校区地址:成都市锦江区红星路二段70号四川日报大厦502-2

联系电话:15023458194

公交路线:市二医院站(6路;49路;102路;5路;37路;g92路;) 地铁路线:地铁市二医院(地铁3号线)

校区地址:成都市锦江区东大街芷泉段229号东方广场C座16层

联系电话:15023458194

公交路线:芷泉街(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:东门大桥站(地铁2号线)

校区地址:四川省成都市武侯区高新科技孵化园9号园区E座7楼

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

校区地址:成都市人民南路一段86号“城市之心”大厦26楼

联系电话:15023458194

公交路线:成都市人民南路(6路;14路;42路;72路;76路;1010路;)

校区地址:成都市高新区奥克斯广场B座1708

联系电话:15023458194

公交路线:益州大道锦城大道口(18路;21路;43路;48路;104路;152路;335路 ) 地铁路线:孵化园(地铁1号线)

了解达内动态
关注成都达内教育公众号

首页 | 关于达内 | 课程中心 | 专家师资 | 视频教程 | 学员空间 | 校企合作 | 新闻资讯 | 就业指导 | 网站地图

2016-2025 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56