初学Web前端会用到开发工具【零基础web前端入门视频教程】

目前市面上比较流行的前端开发工具主要有WebStorm、Vscode、Sublime、HBuilder、notepad++、EditPlus、记事本等，今天介绍一下这些开发工具，并且给出了下载地址。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Cfsy14n7-1591101435577)(https://upload-images.jianshu.io/upload_images/22699642-3b34e33368eb6c71?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

1、 WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript开发工具。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

官网下载地址：Download WebStorm: The Smartest JavaScript IDE by JetBrains

2、 Vscode

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity) 官网下载地址：https://code.visualstudio.com/Download

3、Sublime text

Sublime Text 是一个代码编辑器（Sublime Text 2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

官网下载地址：Download - Sublime Text

4、 HBuilder

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 [1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件

官网下载地址：HBuilderX-高效极客技巧

5、notepad++

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言。

官网下载地址：Notepad++ v7.6.6 - Current Version

6、EditPlus

EditPlus是一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器，你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。

EditPlus（文字编辑器）汉化版是一套功能强大，可取代记事本的文字编辑器，拥有无限制的撤消与重做、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。而它还有一个好用的功能，就是它有监视剪贴板的功能，同步于剪贴板可自动粘贴进 EditPlus 的窗口中省去粘贴的步骤。

官网下载地址：EditPlus - Download Free Trial

7、记事本

记事本是最简单的编辑软件，但是无法实时查看效果。

更多文章推荐阅读【学习企鹅圈：731771211 】：

2020年Web前端开发工程师市场怎么样？学会什么技术才能拿到高薪

分享七年职业生涯心得，认清自己是否真的适合转行前端开发工程师

【项目实战视频＋源码】20w前端程序员疯抢的成长大礼包

前端修炼之道：如何成为一名合格前端开发工程师？

前端的工作越来越难找，到底是不是前端领域已经饱和了？

初学Web前端会用到开发工具【零基础web前端入门视频教程】相关推荐

初学Web前端会用到开发工具（附官网下载地址）
目前市面上比较流行的前端开发工具主要有WebStorm.Vscode.Sublime.HBuilder.notepad++.EditPlus.记事本等,今天介绍一下这些开发工具,并且给出了下载地址. ...
零基础的前端开发初学者应如何系统地学习？前端技能汇总 Frontend Knowledge Structure
本文转自张帅于知乎<零基础的前端开发初学者应如何系统地学习?>中的回答. 知乎原文:https://www.zhihu.com/question/19834302 GitHub项目:前 ...
码匠编程：零基础从前端入门到前端开发工程师路线
一.前端学习路径规划下面是一个学习线路图,其实还有很多的技术导图中没有涉及到,对于初学者来说,能够掌握上边的知识点已经很不错了. 零基础从前端入门到前端开发工程师路线二.入坑前的三问想要入前端的 ...
React 可视化开发工具 Shadow Widget 非正经入门（之四：flux、mvc、mvvm）
本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点.本篇解释 Shadow Widget 在 MVC.MVVM.Flux 框架之间如何做选择. 1. React Flux 框架 ...
L1D1:嵌入式Linux C语言开发工具及基础命令
嵌入式Linux C语言开发工具及基础命令一.ubuntu环境搭建请自行准备VMware workstation15安装包及 ubuntu18.04.iso镜像文件.可参考链接:VMware W ...
零基础小白如何入门前端？以下这几点一定是你需要的
随着近些年前端行业的崛起,前端人才也越来越供不应求.不少人都看到这个行业的巨大发展前景,因此目前零基础开始学习前端的人也越来越多了.那么,零基础小白如何入门前端呢?为了让大家快速入门前端,本文将从前端 ...
零基础选择前端还是后端？
其实Java和前端的发展前景都是非常不错的,就看你个人的喜好了.至于报班还是自学,全看你个人的学习能力,学习环境和经济水平~ 最好的判断自己适合哪个学科的方法就是先在网上找找教程,看看哪个能学的进去, ...
零基础学前端系列教程 | 和前端谈恋爱的第006天——了解喜好
温馨提示:被[]包裹的是专有名词,详细介绍见下文的恋爱宝典,你可以在目录中快速找到它们,有任何问题/建议,欢迎随时微信我,我是朝阳 13908056224! 这是姐姐传授给我的恋爱秘籍 -- 投其所好 ...
Vue-cli 3.X 构建工具零基础快速上手
文章目录一.环境准备 1. 安装node 2. 配置镜像二.安装Vue CLI 2.1. 查看当前vuecli版本 2.2. 安装最新版本 2.3. 安装指定版本三.创建web项目 3.1. 指 ...
零基础学习嵌入式入门以及项目实战开发【手把手教+国内独家+原创】
零基础学习嵌入式入门以及项目实战开发[手把手教+国内独家+原创] 独家拥有,绝对经典创科之龙嵌入式开发经典系列教程 [第一期] 主讲人: ...

初学Web前端会用到开发工具【零基础web前端入门视频教程】

初学Web前端会用到开发工具【零基础web前端入门视频教程】相关推荐

最新文章

热门文章