安装基本软件+ 查看更多
安装基本软件
+ 查看更多
发布日期:2022-04-01
安装基本软件
在安装基本软件,我们将向您展示您需要什么工具来进行简单的web开发,以及如何正确安装它们。
专业人士使用什么工具?
- 一台电脑. 也许这对一些人来说是显而易见的,但你们中的一些人正在用手机或图书馆的电脑阅读这篇文章。对于严肃的网页开发,最好投资一台运行Windows、macOS或Linux的台式机或笔记本电脑。
- 一个文本编辑器,用来写代码。这可以是一个文本编辑器(例如。Visual Studio代码,notepad++,崇高的文本,原子,GNU Emacs,或VIM),或混合编辑器(例如。Dreamweaver或WebStorm). Office文档编辑器不适合这种用途,因为它们依赖于隐藏的元素,会干扰web浏览器使用的渲染引擎。
- Web浏览器,来测试代码。目前,最常用的浏览器是火狐,铬,歌剧,Safari,Internet Explorer和微软的优势. 您还应该测试您的站点在移动设备和目标用户可能仍在使用的旧浏览器(如IE 8-10)上的表现。猞猁,一个基于文本的终端web浏览器,可以很好地看到你的网站是如何被视障用户体验的。
- 图形编辑器,就像GIMP,Figma,油漆。净,Photoshop,草图或XD,为你的网页制作图像或图形。
- 一种版本控制系统制造技术例如,管理服务器上的文件、与团队合作项目、共享代码和资产以及避免编辑冲突。现在,Git最流行的版本控制系统是什么GitHub或GitLab托管服务。
- FTP程序,用于旧的虚拟主机帐户,以管理服务器上的文件(Git正越来越多地取代FTP)。有大量的(S)FTP程序可用,包括Cyberduck,获取和FileZilla.
- 一个自动化系统,就像Webpack,咕哝着说,或狼吞虎咽地吃自动执行重复的任务,例如最小化代码和运行测试。
- 库、框架等,以加快编写常用功能。库往往是一个现有的JavaScript或CSS文件,提供现成的功能供您在代码中使用。而框架则更倾向于这种想法,它提供了一个带有一些自定义语法的完整系统,让你可以在此基础上编写一个web应用。
- 更多的工具除了!
我现在真正需要的工具是什么?
这看起来像是一个可怕的列表,但幸运的是,你可以在不了解这些内容的情况下开始web开发。在本文中,我们将为您设置一个最小值—一个文本编辑器和一些现代的web浏览器。
安装文本编辑器
您的计算机上可能已经有了一个基本的文本编辑器。默认情况下,Windows包括记事本macOS也随之而来文本编辑. Linux发行版有所不同;Ubuntu提供了中用户默认情况下。
对于网页开发,你可能会找到比Notepad或TextEdit更好的工具。我们建议从Visual Studio代码这是一个免费的编辑器,提供实时预览和代码提示。
安装现代网络浏览器
现在,我们将安装两个桌面网络浏览器来测试我们的代码。请选择以下的操作系统,并按相关连结下载你喜爱的浏览器的安装程序:
- Linux:火狐,铬,歌剧,勇敢的.
- 窗口:火狐,铬,歌剧,Internet Explorer,微软的优势,勇敢的(Windows 10默认带有Edge;如果你有Windows 7或以上版本,你可以安装ie11;否则,您应该安装一个替代浏览器)。
- macOS:火狐,铬,歌剧,Safari,勇敢的(macOS和iOS系统默认带有Safari浏览器)。
在继续之前,您至少应该安装两个这样的浏览器,并为测试做好准备。
注意:Internet Explorer与一些现代网络功能不兼容,可能无法运行您的项目。你通常不需要担心让你的网络项目与它兼容,因为很少有人仍然在使用它——当然,在你学习的时候不要太担心它。有时您可能会遇到需要支持的项目。
安装本地web服务器
有些例子需要通过web服务器运行才能成功工作。你可以找到如何做这个如何设置本地测试服务器?
在这个模块
发现这个页面有问题吗?
- 编辑上的GitHub
- 源上GitHub
- 将此内容报告为问题GitHub
- 想自己解决这个问题吗?看到我们的贡献指南.
最后修改:2022年2月3日,由MDN贡献者