必威体育Betway必威体育官网
当前位置:首页 > IT技术

Web前端开发工具

时间:2019-09-27 07:14:29来源:IT技术作者:seo实验室小编阅读:71次「手机版」
 

前端开发

前言:初入前端开发,少不了当然是开发工具的使用,用户可以根据自己的习惯进行选择。以下是我自己总结的一些开发工具的推荐与分享心得,我自己平时主要用以下几款:

我希望借此博文比较市面上主流软件,希望对大家有所帮助(主要是windows平台)。

一、初入篇

   1、Hbuilder、HBuilderX(下载地址http://www.dcloud.io/)

(1)介绍:入门首推这两款工具。这两款工具都是中国DCcloud(数字天堂)推出的一款支持HTML5的Web开发IDE。区别在于HBuilderX更加轻量,是HBuilder的下一代版本(Hbuilder已经停止更新维护),其压缩包大小仅10几M,通过自定义插件的安装来适应自己开发的需要。当然,作为前端开发者,这两款工具可以一直使用下去,不局限于前期练习。

(2)优势:轻量首推!工具内置浏览器代码提示很完整,文档结构清晰,大幅度提升开发效率。特别是对于H5 APP开发的支持,我认为如果你要从事H5移动端App开发的话,首选这两款工具。

   2、Editplus(收费,破解百度

(1)介绍:EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,是一个超级小巧的IDE。最大特点没有代码提示功能,只有语法高亮。因此初学HTML,英语基础又不好的同学可以首选,多敲多练嘛。

(2)优势:没有代码提示是最大优势吧~。练习必备,老司机当然不推荐,毕竟工作效率最重要。

   3、Dreamweaver(价格不菲,破解版百度)

(1)介绍:Adobe出品,出道多年。最新版本已经是CC 2019了,建议要用这款软件的同学不要选用老版本,因为前端开发技术一直在更新,老版本对新语法支持不是太友好,新版本对电脑性能有一定要求。

(2)优势:工具内置浏览器功能很强大!通过点击其某一元素可以自动定位到HTML文档中的对应标签,如图所示:

这样的功能真的方便了很多小白用户,毕竟有时候会忘记了这个元素对于的是哪一个HTML标签,找都要找半天。工具具有代码重构功能。但是现在主流用户都不推荐Dreamwaver,我个人也不推荐后期开发使用,至于扩展性,那就是智者见智了。

二、深入开发篇

    1、Sublime Text(下载地址:http://www.sublimetext.com/3 收费)

     (1)介绍:神器!轻量级IDE,神器神在可扩展性,工具包含大量实用插件,我们可以通过安装自己领域的插件来提高工作效率。支持VIM模式(linux推荐)、支持宏(批处理)。

     (2)优势:集成了各种插件很方便。右边没有滚动条,取而代之的是代码缩略图。强大的快捷命令“可以实时搜索到相应的命令、选项、snippet和syntex。可以跳转到任意文件的任意位置。

    2、WebStorm(下载地址:https://www.jetbrains.com/webstorm/ 收费)

     (1)介绍:JetBrains开发的一款javaScript开发工具。同时支持HTML5开发。最大特点是有强大的JavaScript开发功能,例如代码重构,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

     (2)优势:同DW,优秀的代码定位能力,能轻松将光标定位到变量/属性/方法的定义处,对阅读代码非常有用。nodejs 最好的开发工具。

   3、Visual Studio Code(下载地址:https://code.visualstudio.com/,本人强烈推荐)

      (1)介绍:微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键括号匹配和颜色区分。

      (2)优势:软件界面优美,不多说,看下图↓ 多种自带主题(亦可下载)可选,甚至可以自定义背景图片,具体方法参照我的另一篇博客XXX

     把最好用的工具放到最后,真有点惭愧了······vs code可以集成多种插件,不仅是前端开发、前端+后端开发,甚至是其它诸如Java、C/C++开发都有很多插件可以使用,Java Test Runner插件如上图所示。一款软件就可以完成多种工作了。以下简单介绍VS Code软件(前端开发)的使用

1、中文安装方法:点击图中红圈,在上面搜索“Chinese”,安装后重启即可,官方中文汉化。

2、快速生成HTML文档:由于VS Code新建是文件是文本文档,所以需要手动切换语言。点击图中1,切换为HTML,这是你会发现虽然是HTML文档了,但是没有内容。这时需要输入英文的感叹号!然后回车,即可快速生成H5文档模板

相关阅读

最近学正则表达式写的一个小工具——ToolsInTools

前阵都没事做,就抽空看了下正则表达式,毕竟上次打算学它的时候是4年前了~但是没坚持。正则确实是像传言的那样挺难的。但是如果静下

怎么修复LSP,LSP修复命名及工具——新手上路

什么是LSP? LSP即分层服务提供商,LSP即Layered Service Provider,Winsock 作为应用程序的 Windows 的网络套接字工具,可以由称为“分

Microsoft Office 2016 for Mac(安装包及激活工具)

虽说Mac自带的Numbers可以编辑文档;但导出为word类型,总会出现文档格式紊乱;由此在网上寻觅了许久,找到以下安装包:链接: https://pan.

代码review工具:Review Board

官网:https://www.reviewboard.org Review Board is a tool for reviewing source code, documentation and other text-based fil

webservice_java实现

1. webservice介绍 1.1  webservice是使用http协议发送soap协议数据的一种远程调用技术。 1.2 soap:简单对象访问协议 1.2.1 soa

分享到:

栏目导航

推荐阅读

热门阅读