代码编辑工具:WebStorm、VS Code
代码版本控制工具:Git、SVN
代码包管理工具:npm、Yarn
笔记工具:boardmix、Evernote、Typora
前端构建工具:Webpack、Vite
调试工具:浏览器开发工具
响应式设计工具:Bootstrap、Material-UI
浏览器插件:easy auto refresh、FeHelper(前端助手)、Vue Devtools
1. Visual Studio Code
Visual Studio Code(简称VSCode)是一款由微软公司开发的,功能十分强大的轻量级编辑器。该编辑器提供了丰富的快捷键,集成了语法高亮、可定制热键绑定、括号匹配以及代码片段收集的特性,并且支持多种语法和文件格式的编写。
2. Sublime Text
Sublme Text是一个轻量级的代码编辑器,具有友好的用户界面,支持拼写检查、书签、自定义按键绑定等功能,还可以通过灵活的插件机制扩展编辑器的功能,其插件可以利用Python 语言开发。Sublime Text是一个跨平台的编辑器,支持W indows.Linux、macoS等操作系统。
3. HBuilder
HBuilder是由DClbud(数字天堂)公司推出的一款支持HTML.5的Web开发编辑器,在前端开发、移动开发方面提供了丰富的功能和贴心的用户体验,还为基于HTML5的移动端App开发提供了良好的支持。
4. Adobe Dreamweaver
A dobe Dresm weaver是一个集网页制作和网站管理于一身的所见即所得的网页编辑器,用于帮助网页设计师提高网页制作效率,简化网页开发的难度和字习HTML、CSS的门槛。但缺点是可视化编辑功能会产生大量冗余代码,而且不适合开发结构复杂、需要大量动态交互的网页。
5. WebStorm
WebStom是JetB rains公司推出的一款W eb前端开发工具,JavaScript、HTM L5开发是其强项,支持许多流行的前端技术,如Query、Prototype、Less、Sass、AngularJS、ESLint,webpack等。点击了解更多报名详情>>>