web前端开发环境如何配置 学习web开发，对电脑配置要求高吗？有没有推荐的机型

在平时的学习生活当中，对于前端开发一定都很关心，今天我爱编程网小编为大家整理了web前端开发环境如何配置 学习web开发，对电脑配置要求高吗？有没有推荐的机型，希望能够帮助到大家。

基于html5的web开发需要哪些软件怎样安装.配置

严格来说，基于HTML5的web开发，只需要使用记事本就可以，不过，开发效率会很低，这里推荐使用专业的工具。
1、Webstorm
WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
2、notepad++
Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。
Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言。
3、Eclipse
Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。
4、Sublime Text
Sublime Text 是一个代码编辑器（Sublime Text2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
5、Dreamweaver
AdobeDreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
6、IntelliJ IDEA（推荐）
IDEA 全称 IntelliJIDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java等极少数语言。

web前端开发中怎样设

虽说不知道你问的什么，

但是我还是把web前端开发如何入门发给你

web前端开发分为三个阶段:

1. HTML + CSS前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的只是一个文本编辑器，推荐Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。当然你非要用记事本的话，也不是不行的。刚入门查阅资料可以用 w3school 或者 MDN 。

HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，推荐慕课网 HTML+CSS基础课程。
我当时是看了一本书 Head First HTML and CSS，讲得浅显易懂，不过价格比较感人，也是只翻一遍的书，没有必要买了。
迅速刷一遍慕课网，对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。
HTML5的API可以先放一放，回头再看。

接下来就是深入学习CSS了：

• 《CSS权威指南（第3版）》。很枯燥的一本书，但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，比如盒模型，浮动和定位这些，抓住重点快速过一遍。

• 《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主，知道CSS3有什么内容就好，记忆属性是枯燥且毫无意义的。




以上内容用时5天左右，下面是实践。
学了几天HTML和CSS了，应该也有点成果了。打开IFE2015 task1，写个静态页面吧。

我X，完全写不出来。

这是正常的。去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者w3c，多尝试，不断踩坑才有进步。

画完第一张图后，别着急往下写。你的代码肯定会有如下问题：

• 胡乱的代码缩进

• 毫无章法的属性顺序

• 满页的div

• 不停地写id和class

重写吧，是的。重写之前先看一份代码规范 GitHub - ecomfe/spec: This repository contains the specifications.。当然代码规范不是唯一的，我最早看的是这一份，所以代码风格也一直维持到现在。
再去看一下别人提交的代码，多看几份。当然自己也要判断，不能听风就是雨啊，人家写得不好你再去重写一次，等于你也有责任对不对。
开始重写了，会发现功力大增，写代码速度也快了很多的。
写到第三张页面的时候，应该比较熟练了。如果看到布局就大概知道应该怎么写了，那就可以进入JavaScript的学习了。
以上内容用时10天左右。

进阶部分可以回头再看：

• 掌握预处理工具Sass，自动化工具Gulp。

• 阅读Bootstrap源码。

• 《CSS揭秘》，极其惊艳的一本书，涵盖了CSS3的很多奇技淫巧，虽说有些地方不太实用，但让人眼前一亮，很值得看。




2. JavaScript

这是至关重要的阶段。

• 强烈推荐《JavaScript高级程序设计（第3版）》，俗称红宝书。前七章是重中之重，必须反复阅读，直至完全理解，期间可配合其他书一起读。DOM，事件流，表单，JSON，Ajax与最后几章也相当重要。其余章节可以略读或跳过（比如浏览器嗅探，XML以及那些列举大量API的章节，完全可以用到再查）

• 推荐《JavaScript语言精粹》，俗称蝴蝶书。超薄的一本，半天就可以看完。JavaScript是一门有很多坑的语言，我个人是喜欢把这些坑点全部搞清楚的，但这本书却避而不谈了，剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。 我爱编程网

• 强烈推荐《你不知道的JS》。精彩至极的一本书，将JavaScript的坑一网打尽。之前搞不懂的问题，比如闭包，this之类的都可以在这里找到答案。

• ES6也是必学的内容，推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多，所以还是留个大概印象，以后写到类似的地方，查一查有没有ES6更简洁的写法就好，不必死记硬背。以及需要学会Webpack的使用，Babel和模块化就靠Webpack了。

• 不太推荐《JavaScript权威指南》，也就是犀牛书。那就是一本字典……




进阶：

• 《JavaScript设计模式与开发实践》，设计模式是必须了解的内容，这本是写得不错的。

• 《高性能JavaScript》，红宝书作者的另一力作，讲了一些优化技巧与性能瓶颈问题，值得一读。




以上内容用时1个月左右，中途可穿插IFE2015 task2的题，比2016年的要简单。
这些书全部刷完的话，应该可以跟人谈笑风生了。
开始实践，IFE2016阶段二的题，想怎么刷就怎么刷吧。如果有编程经验的话，应该没什么压力了。

3. JavaScript框架这部分就比较自由了，每个人点的技能树都不一样的。前端的发展是爆炸式的，换工具比翻书还快，所以还是以看文档为主了。
目前主流框架经常被提及的是React，Angular，Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性，说不定过两年这些框架全都被淘汰了呢【逃
学习至少一种框架，把IFE2016刷通关吧。耗时1个半月左右。

进阶：看各种源代码。这也是我最近打算做的事情，但是好像期末考要到了TAT

最后补充一下，计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书，抽空还是要看看的：

• 《深入理解计算机系统》，CSAPP，也是我们专业这学期的课程（但是我的专业明明是EE啊）。

• 《计算机网络 自顶向下方法》，看名字就知道必读了吧。

• 操作系统好书挺多的，推荐一本 Operating Systems: Three Easy Pieces ，英文不够好就《现代操作系统》吧。

• 算法和数据结构，推荐两本：《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大，但作为一个码农，不要求你写红黑树，至少快速排序和二分查找这种要会写的吧。

请采纳！

学习web开发，对电脑配置要求高吗？有没有推荐的机型

我是过来人，我建议你采购一台性能强一些的笔记本或台式机，
因为，你还没溶入到公司的开发环境中，这个你需要在自己的电脑上搭建环境的！
相等于“独立开发人员”！并非是那种只负责某个模块，完事了就交给总工就完了，
因为这样的都是公司给你搭建完环境的，你可以直接在云端操作或者远程操作就可以了，
所以作为学习者，你肯定需要一台性能较强的电脑！
如果是台式机，建议最少要i5 9600K级别以上的CPU，内存尽可的大，建议32GB以上，因为开发环境需要建议多个 虚拟机 ，会使用大量内存。
然后是硬盘，系统和 应用程序 肯定需要一块极速 固态硬盘 协助你提高效率，所以建议有一块512GB的企业级或黑盘、PRO级这样的固态硬盘（当然，可以买两个256GB的固态，这样可以提供两条独立通道的，因为有时候一个盘上大量读写的时候会影响整体性能）
日后你需要放重要资料，建议你挂一个企业级的 机械硬盘 ，因为机械硬盘坏了可以使用真空操作取回，固态坏了就要比机械取回数据要麻烦得多。
如果你不是开发3D类的，显卡就无所谓了， 集成显卡 都可以了。
笔记本方面，同样是和台式机差不多，最少也是要i5 标压的CPU，内存要16GB以上，硬盘是极速级512GB
当然这些都是建立在你的 经济基础 上，如果没有这样的条件，那就只能换低配置牺牲效率了。
以上希望可以帮助到你。

以上就是关于web前端开发环境如何配置 学习web开发，对电脑配置要求高吗？有没有推荐的机型的全部内容了，如果需要了解更多相关资讯敬请关注我爱编程网。