精华内容
参与话题
问答
  • 前端开发工具

    2019-10-10 14:56:30
    链接: https://pan.baidu.com/s/14HUVu3E6fjAgZvppTwq1PQ 提取码: ctu7 复制这段内容后打开百度网盘手机App,操作更方便哦

    链接: https://pan.baidu.com/s/14HUVu3E6fjAgZvppTwq1PQ

    提取码: ctu7

    复制这段内容后打开百度网盘手机App,操作更方便哦

    展开全文
  • 前端开发工具vscode安装教程(windows) 一、下载 下载地址:https://code.visualstudio.com/Download 二、安装 解压下载的压缩包 运行code.exe 三、插件 vscode相关插件可以从 ...

    前端开发工具vscode安装教程(windows)

    一、下载

    1. 下载地址:https://code.visualstudio.com/Download
      在这里插入图片描述

    二、安装

    1. 解压下载的压缩包
    2. 运行code.exe
      在这里插入图片描述

    三、插件
    vscode相关插件可以从 https://marketplace.visualstudio.com/VSCode下载

    展开全文
  • 前端集成开发工具软件简称“IDE”,是编写前端代码的编辑器,选一款适合自己,自己用的舒服,高效完成前端工作的编辑器尤为重要,下面,我将为各位同学介绍几款常见的开发工具。 1、HBuilder X 功能简介:HBuilder...

     

    前端集成开发工具软件简称“IDE”,是编写前端代码的编辑器,选一款适合自己,自己用的舒服,高效完成前端工作的编辑器尤为重要,下面,我将为各位同学介绍几款常见的开发工具。

    1、HBuilder X

    功能简介:HBuilder X是专为前端打造的开发工具,是轻如编辑器、强如IDE的合体版本,特点是启动速度快,编码提示极速响应,快捷键生成代码块、最全的语法库和浏览器兼容数据、可以方便的制作跨平台手机APP、小程序,最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、Vue的快速开发、Markdown的编写,从开放注册以来深受广大前端朋友们的喜爱。

     

    2、Visual Studio Code

    功能介绍:

    Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器,软件功能非常强大,体积小,界面简洁明晰、主题多,可以下载各种插件,而且插件非常多,操作方便快捷,设计得很人性化。软件主要改进了文档视图,完善了对 Markdown的支持,新增PHP语法高亮。

     

    3、WebStorm

    功能介绍:

    WebStorm 是公Jetbrains司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

    必须要搭配的浏览器工具有两款:IE与谷歌,由于IE系统自带,所以必须要安装一款谷歌浏览器。

    切图软件最佳的还是PS,切图精度高,图片质量好。

    我用的是HBuilder X做前端项目,之后带大家做的商业实战项目,也是用HBuilder X作为开发工具,因为我认为HBuilder X更接地气,一套代码可以覆盖多个终端,跨平台开发是我最看中的功能,尤其是对vue的支持更符合项目需要,开源免费,开箱即用,启动速度快,总体简单方便高效。我推荐大家跟我用一样的开发工具,方便我为大家看代码排错。

    下载地址:https://www.dcloud.io/hbuilderx.html

    展开全文
  • 常用前端开发工具合集 1.Firebug http://getfirebug.com/ 最流行的前端开发工具 2.HttpWatch http://www.httpwatch.com/ 集成在IE和Firefox上的监听HTTP和HTTPS的工具 3.Fiddler ...
    
    

    1.Firebug http://getfirebug.com/
    最流行的前端开发工具

    2.HttpWatch http://www.httpwatch.com/
    集成在IE和Firefox上的监听HTTP和HTTPS的工具

    3.Fiddler http://www.fiddler2.com/fiddler2/
    Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理

    4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
    和HTTPWatch很类似的一个工具

    5.Yslow http://developer.yahoo.com/yslow/
    Firebug的一个扩展,可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能

    6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704
    Firebug的一个扩展,可以用来察看哪些CSS被用到了

    7.VIM http://www.vim.org/
    一个高级的文本编辑工具,是在UNIX系统上面VI编辑器的升级版本

    8.Editplus http://www.editplus.com/
    Windows系统上的一个好用的文本编辑器

    9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
    Firefox上的一个附加组件,当HOST文件改变时可以很快地更新页面而不需要重启浏览器

    10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
    Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并获得有关如何改进性能的建议

    11.Dust-me Selectors https://addons.mozilla.org/zh-CN/firefox/addon/5392
    Firefox上的一个附加组件,可以找出没有用到的CSS选择符

    12.Myspace Performance Tracker http://msfast.myspace.com/
    Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况,只使用于IE中

    13.YUI Compressor http://developer.yahoo.com/yui/compressor/
    用java写的一个代码压缩工具,使用方法: java -jar yuicompressor-x.y.z.jar [options] [input file]

    14.JS Beautifier http://jsbeautifier.org/
    在线JS格式化工具

    15.JSLint http://jslint.com/
    在线JS校验工具,使用请注意“JSLint will hurt your feelings.”

    16.JSCompress http://jscompress.com/
    在线JS压缩工具

    17.JSMin http://www.crockford.com/javascript/jsmin.html
    JS压缩工具

    18.HTML2Javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
    HTML到JavaScript转换器获得置标并将它转换成一系列可以在JavaScript块中使用的document.write()申明

    19.Web Developer https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
    Firefox的一个附加组件,给Firefox增加了一个菜单以及工具栏,里面包含了很多开发工具

    20.JS Regexp Generator http://www.jslab.dk/tools.regex.php
    一个制作正则表达式的在线工具

    21.Opera Dragonfly http://www.opera.com/dragonfly/
    Opera Dragonfly 是Opera浏览器的跨设备,跨平台调试环境—调试 JavaScript, 检查编辑CSS和DOM, 并且查看移动设备或计算机上的错误

    22.IE Web Developer http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
    微软的浏览器开发者工具条为网页的快速创建,理解和故障诊断提供了各种的工具

    23.DynaTrace http://ajax.dynatrace.com/pages/
    一个页面性能分析工具,是针对浏览器 IE 6 ~ 8 的。它可以用来分析页面渲染时间、DOM方法执行时间,甚至可以看到 JS 代码的解析时间。多谢“有米啦”同学的推荐,好友卓群的 博客以前也介绍过

    24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
    IETester是一个免费的浏览器,它同时包括了IE 5.5、IE 6、IE 7、IE 8的所有内核,多版本IE测试好工具,DIV测试,CSS兼容和各个版本浏览器兼容检测工具

    25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
    IE下的js调试工具,需要结合Microsoft Script Debugger使用,通过安装这个工具,但页面出现错误时会在左上角弹出一个小错误提示,点击会在IE下面显示出一个错误控制台,就如FF下的 firebug控制台一样,错误信息提示很详细

    26.Live Http Header https://addons.mozilla.org/zh-CN/firefox/addon/3829
    live HTTP headers是firefox的一个插件,可以查看到http头,非常方便

    27.Closure Compiler http://code.google.com/intl/zh-CN/closure/compiler/

    Google的JavaScript编译工具


    转自:http://www.cnblogs.com/Franks_blog/archive/2010/05/26/1744173.html

    展开全文
  • 前端开发工具集合

    2018-10-03 00:18:26
    包括Sublime Text、editplus、红绿小工具等一般前端开发所必需的工具
  • HBuilder前端开发工具

    2018-11-26 20:34:02
    HBuilder前端开发工具
  • 1.前端开发工具

    2019-10-24 21:35:29
    前端开发工具比较多例如: sublime text3编辑器 HbuilderX Visual Studio Code 等等,(软件排名是我瞎排的)明天我会专门写一篇文章介绍怎么下载和使用软件. 二.常用工具 1. 浏览器 因为h5所编写的代码是要在...
  • 前端开发工具HBuilder下载,
  • 2017年前端开发工具趋势

    千次阅读 2017-08-15 10:39:44
    本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。
  • Web前端开发工具

    千次阅读 2018-11-25 14:37:23
    #前端开发工具 -Sublime text -Visual Studio Code -Webstrom
  • 前端开发工具-webstorm及其他工具

    千次阅读 2015-12-17 15:52:28
    1.Webstorm:专业的前端IDE开发工具(默认装到C盘就好) webstorm是一个重量级的工具 2.用webstorm创建项目的步骤:File——》New project——》Empty project /HTML5——》选择... 3.其他前端开发工具: 1)Sublim
  • web前端开发工具

    千次阅读 2018-12-26 12:52:54
    (1) h5目前是网站开发必需的语言,要学好h5建议用 HBuilder ,这款是国内自己开发,实用,快速,比较适合开发h5,当然也同样可以适用于前端开发。【特点:快,是HBuilder的最大优势,通过完整的语法提示和代码...
  • 前端开发工具整理

    千次阅读 2017-05-11 14:53:48
    开发工具整理
  • 超高速前端开发工具——Emmet

    千次阅读 2014-07-26 00:18:27
    在Sublime Text 中按“Ctrl+Shift+p”快捷键或在菜单-工具中打开“命令面板”,输入:Install Package (安装扩展)后回车,弹出新的窗口,再输入Emmet查找“Emmet”确定安装,等到自动打开一个文档,说明安装成功。...
  • 浏览器 Google Chrome 75.0.3770.100www.google.cn/intl/zh-CN/chrome初级 移动端模拟器 Genymotion 6.0.6www.genymotion.com初级 IOS Simulator 11apps.apple.com/us/app/xcode/id497799835?mt=12初级 IDE开发环境 ...
  • 前端开发工具推荐

    2018-07-01 16:42:10
    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。  快,是...
  • 前端开发工具介绍

    2019-01-13 06:05:29
    编辑器的选择/开发环境的介绍 WebStorm/IDEA,内置支持zen coding , nodejs, 拿来即用的, 遇到...前端开发的神器,应为需要建立索引, 启动时间比较长, 占用内存大; zen coding写法: div#page>div.logo+ul#...
  • 前端开发工具

    2017-08-02 19:32:27
    Chrome 工具1:jsonView json 可视化工具
  • 前端开发工具

    2014-09-27 18:28:05
    http://blog.jobbole.com/72222/   sublime text   yeoman结合yo,grunt,bower等工具   grunt自动化任务执行工具   bower前短裤管理工具   firebug调试工具   fiddler调试工具       ...
  • Vue前端开发工具

    2020-09-27 13:14:47
    一、浏览器-Chrome插件 1.Vue.js detools ...二、开发工具VS Code 1.Chinese(Simplified) Language Pack for Visual Studio Code 2.vscode-icons 3ESLint 4.Vetur 5.Beautfy 6.Markdown Preview Enhanced
  • 前端开发工具react

    2020-10-12 10:28:00
    vscode sublime text atom webstorm
  • 主要介绍了十个免费的web前端开发工具详细整理的相关资料,希望通过本文大家能够理解使用免费web开发工具,需要的朋友可以参考下
  • python前端开发工具

    千次阅读 2018-08-29 11:12:03
    作为初学者,在学习前端开发的时候,回顾下跟随CZ播客常用的几款软件 sublime text 百度百科定义:由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的VIM。 Sublime Text 特点 ...

空空如也

1 2 3 4 5 ... 20
收藏数 18,080
精华内容 7,232
关键字:

前端开发工具