前端系统开发工具,前端系统开发工具有哪些

摘要： 大家好，今天小编关注到一个比较有意思的话题，就是关于前端系统开发工具的问题，于是小编就整理了3个相关介绍前端系统开发工具的解答，让我们一起看看吧。Web前端开发选择哪款IDE工具比...

大家好，今天小编关注到一个比较有意思的话题，就是关于前端系统开发工具的问题，于是小编就整理了3个相关介绍前端系统开发工具的解答，让我们一起看看吧。

1. Web前端开发选择哪款IDE工具比较好？
2. 作为一个前端开发的新人，有什么可以提高效率的工具推荐？
3. 前端开发中，使用vuex或redux这类数据管理工具时，store里的数据结构如何设计？

web前端开发选择哪款IDE工具比较好？

我用过很多ide，比如dw、eclipse等，但是觉得最好用得还是webstorm。不过webstorm是收费的。不过你可以......,你懂得。webstorm编写代码不用手动保存，自动保存（妈妈再也不用担心我忘记保存而重写了），就是相对而言占内存一些，不过现在的电脑配置（内存4g以上）完全ok。想什么html、js及一些js框架、php等都支持提示，而且提示非常人性化，非常好用。很多人说刚写代码不要用ide，个人觉得这错误的。用ide更能帮助我们快速上手，很多关键词词我们不必死记硬背，知道他用法和功能就行。刚开始我就是出于不用ide就写不出，用上ide就是能手，用ide写多了后，自然而然就记住了。重点在于设计上面，而不是去单独花时间记住关键词。

作为一个前端开发的新人，有什么可以提高效率的工具推荐？

接下来我举几个我个人认为的提高效率的工具，如果你用过且觉得好用可以点个赞，我想判断下我用的软件是否确实不错，如果没有可以在评论区给出更好的软件，让我也学习学习。

Jetbrain家的IDE就不用多解释了吧，用过都觉得挺方便和容易上手，除了平常大家经常使用IDE的基础功能如新建项目、Debug、快捷键等之外。特别是里面的代码自动生成功能，免去了写html模版代码的麻烦，在平常编程能够大大提升效率。还有javascript的自动排版及代码高亮功能，也是效率神器。

Dreamwe***er是包括网页制作和管理网站功能的IDE。通过对 HTML、CSS、JavaScript等内容的支持，设计和开发人员可以快速制作和进行网站建设。该软件我试过一段时间，虽然挺好用的，但是需要破解版支持。

除了WebStorm和Dreamwe***er外，还有很多文本编辑器也可以提高效率，如SublineText3，VIM，Notepad++等，只要熟悉快捷键操作后，能够比一般文本编辑器提高数倍效率。因为这些软件基本都包含了应用创建、代码提示、代码管理、实时预览、真机同步、本地打包等功能，已经满足了开发者基本的开发环境条件。

实际开发工作中前端经常要用到json数据，那么能够方便简洁查看json格式的文本就是一件很必要的事情，在Chrome中有这么一个插件——jSonView，就很好地满足了该功能。

如果不想安装不同的浏览器如IE、Chrome 或者是 IOS、 Android等做测试，就可以试试User-Agent Switcher for Chrome，这是一个浏览器插件，能够把Chrome伪装成各大家不同的浏览器，让你方便测试初始网页。

编辑器推荐websroem, vscode, sublime text

这三款都有不错的表现，深受广大开发者的喜爱，后两者轻方便开发。

三者都有丰富的插件，便于快速写代码，还可以调试，进行eslint检测。

自动化构建工具

webpack,gulp,fis3

可以自动化编译代码，压缩，合并，提取公共模块的代码，代理请求解决开发时的跨域问题，对less,sass进行编译，简化开发的复杂度等

vconsole调试线上代码

这是一款微信开发的库，方便调试线上的代码，可以直接在控制台打印，配合抓包工具可以解决大部分问题

谢邀，

我推荐hbuilder ，作为一个国产的开发软件

我用dreamwe***er有五六年的时间，后来才用hbuilder的，用熟了的话，相对dreamwe***er可以提高1倍的速度，亲测

前端开发中，使用vuex或redux这类数据管理工具时，store里的数据结构如何设计？

对于 redux 项目来说，按照经验，我们会有如下约定：

1.合理的区分：model，service 和 view；

2.state 一般在我们上面提到的 model 层面；

state 设计理念：

1.根据每个 model ，设计合理的 state，通过 namesapce 区分；

2.state 中的数据会提供给 view，所以保持数据集中，不要太过分散，譬如我们可以把用户上下文放在一个 object 中，这样传值取值都会很方便；

3.尽量不要耦合多个 model 层面的 state，保持[_a***_]，如果有的话，通过组件来传，业务内部组装。

Vuex 和 redux 思路其实类似，这里就不细说了，有问题欢迎继续交流。

到此，以上就是小编对于前端系统开发工具的问题就介绍到这了，希望介绍关于前端系统开发工具的3点解答对大家有用。