精华内容
参与话题
问答
  • 前端开发工具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下载

    展开全文
  • 在本课程中,首先介绍了webpack打包工具的基础知识,安装过程,然后介绍工具如何打包第三方插件、打包样式的方法,后,介绍打包工具的配置,并详细介绍如何将项目部署到服务端的全部流程。
  • 前端学习路线

    万次阅读 多人点赞 2015-10-28 11:22:47
    前端开发工程师 不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级...

    先附上一张网上广为流传的前端知识体系图:前端知识体系

    从大图中我们总结出:

    优秀的Web前端开发工程师 要在知识体系上既要有 广度 和 深度!应该具备快速学习能力。

    前端开发工程师 不仅要掌握基本的Web前端开发技术,网站性能优化SEO服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性分层语义模板浏览器分级支持等。

    前端工程师至少都要满足四类客户的需求:

      1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可能实现的应用。一般来说,产品经理都追求丰富的功能。
      2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说,UI设计师侯倾向于流畅靓丽、但并不容易实现的用户界面,而且他们经常不满前端工程师造成
    1px 的误差。
      3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。
      4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道,但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能,以及竞争性产品所具备的功能。

    好了,列举了这么多…… 你真的还想学前端么?不后悔吧? 如果真的做好了准备的话,哈哈,那我们就一起享受学习前端的乐趣吧!

    一、基础

    想成为前端开发者应该先打好基础:

    HTML > CSS > JavaScript > jQuery >。。。> GitHub

    不要担心以后会做什么决策,先好好深入学习。
    在增值的方向上投资自己,才是最明智的。

    学习了HTML、CSS就可以实现一些静态页面,不只是简单的静态页面,应该是稍微复杂一些绚丽一点的页面。

    推荐书籍:《CSS禅意花园》

    二、JS

    JS可以跟着以下几张思维导图学习(听说是一位名为“王子墨”的大师做的图):学习 Javascript 首先要知道这门语言可以做什么,不能做什么,擅长做什么,不擅长做什么!

    1.JS变量
    变量

    2.JS运算符
    运算符

    3.JS数组
    数组

    4.JS流程语句
    流程语句

    5.JS字符串函数
    字符串函数

    6.JS函数基础
    函数基础

    7.JS基础DOM操作
    基础DOM操作

    8.JS正则表达式
    正则表达式

    9.JS数据类型
    数据类型

    深入了解Javascript,需要了解 Javascript 的原理,机制;需要知道他们的本源;需要深刻了解 Javascript 基于对象的本质;还需要深刻了解浏览器宿主下 的 Javascript 的行为、特性。他也有很多缺点,各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题,需要深入了解、学会处理这些缺陷。

    推荐书籍:

      初级:
      《JavaScript高级程序设计》
      《JavaScript王者归来》
      
      中级:
      《JavaScript权威指南》
      《JavaScript.The.Good.Parts》Douglas Crockford
      《高性能JavaScript》:Nicholas C. Zakas
      《Eloquent JavaScript》:
      
      高级:
      《JavaScript Patterns 》
      《Pro.JavaScript.Design.Patterns》讲解JavaScript设计模式
      《Developing JavaScript Web Applications》:构建富应用的好书,针对MVC模式有较为深入的讲解,同时也对一些流程的库进行了讲解。

    三、后端语言

    如果单纯只是学习前端编程语言、而不懂后端编程语言(Java、PHP、ASP.NET,JSP、Python),也不能算作是优秀的前端工程师。

    四、学习方法建议

    1.限制一次学习的量,并且不断地实践——实际编写代码。

    举个例子:就像学习数据结构一样,我有个同学A学习数据结构单纯的把书带到图书馆去看,我问A为什么不带电脑,A回答说光是看就已经看不懂了。能发现问题么?有时候我们可能看不懂代码,但是动手敲一遍可能会更认真的跟着代码的思路走一遍,在运行出来结果或者跟着调试的时候
    才会恍然大悟!喔喔!原来是这个样子的!同学A数据结构学了好几遍都没有学好,而另外一个同学B却对数据结构十分熟悉、笔试面试几乎难不倒他,他跟我分享学习经验的时候就告诉我,一定要动手敲!而且不止要敲一遍!

    ——这也是很多人会走弯路,而很多人只会走捷径的关键。

    2.用正确的心态去做练习,当成玩耍或者游戏。

    3.写代码的时间魔法,先告诉自己只写10分钟,然而就会陷进去乃至一下午。

    4.思考得更慢,学得更快。就像你在去理解别人的代码的时候一样,不要漏掉任何一行!

    5.首先用简明的语言来写复杂的代码。这是一种锻炼!

    6.定期定目标,每天都看看,想想,保持敏感、紧迫感、期待感。

    7.记笔记:

    • 学习过程中搜集的资源链接;
    • 遇到的未决的疑问;
    • 那些很宽而我们用的很窄的知识点;
    • 那些能进一步深入而我们浅尝辄止的知识点;
    • 某个功能可能存在的其它实现方案的蛛丝马迹

    还有些好书:

    • 《Developing Large Web Applications》:不仅有JavaScript方面的介绍,还有CSS、HTML方面的介绍,但是介绍的内容却都非常不错,真正考虑到了一个大型的Web程序下,如何进行JavaScript架构设计,值得一读。 
    • 《高性能网站建设指南》
    • 《Yahoo工程师的网站性能优化的建议》
    • 《网站重构》
    • 《Web开发敏捷之道》

      最好的资料就是某项技术的官方SDK,一般技术都有文档,API,Quick Start,Guide,Tutorial,Demo,Example……结合书看效果最好。

    其他:

    • “YSLOW”性能优化建议
    • “ jQuery 库”
    • “前端框架”
    • “HTML5”
    • “CSS3” 深入研究

    这儿还有不知道自己何时收藏的“前端有关的语言”:
    1
    2

    网站:

    前端大神
    A Single Div
    腾讯ISUX
    WEB开发者
    SegmentFault

    有经验的人,新学一门技术,就要努力放空自己,让自己归零,这样会比较容易学进去,坚持下来。坚持最重要!


    参考:
    更快学习JavaScript的6个思维技巧
    怎样新学一门技术
    如何成为优秀的前端工程师

    展开全文
  • HBuilder工具是数字天堂推出的一款前端开发工具,支持一些html和js等开发,主要编写一些c和web等语言,HBuilder最大的优势就是速度比较快,强大的代码提示和代码输入,大大增加了开发者的开发效率。 ...

    孔子说,“工欲善其事,必先利其器”,当前运用前端开发,也是很恰当的,那么,前端开发用什么软件?前端开发用什么工具?下面php中文网就为大家总结一下前端开发开发工具。
    一:HBuilder
    HBuilder工具是数字天堂推出的一款前端开发工具,支持一些html和js等开发,主要编写一些c和web等语言,HBuilder最大的优势就是速度比较快,强大的代码提示和代码输入,大大增加了开发者的开发效率。
    二:Sublime Text
    Sublime Text是一款代码编辑器,拥有漂亮的用户页面和实用功能,以及多功能插件,还可以自定义键绑定,Sublime Text的功能有很多,其中就包括多选择和多窗口和python api等功能,为开发者提供了开发方便。
    三:PS
    PS是对Dobe Photoshop的简称,主要用于对图像进行处理和修改,ps在图像和以及视频和文字方便都有涉及。
    四:Dreamweaver
    Dreamweaver是一款网页代码编辑器,并且利用一些前端代码对网页进行快速的开发,并且通过智能搜索引擎对网页进行访问,开发者利用视觉来减少出现的错误。
    五:WebStorm
    WebStorm是js开发工具,在国内,很多人都称为web前端开发神器,受到了好多开发者的一致好评,WebStorm软件功能十分强大,并且WebStorm界面比较清晰,人性化设计,使用起来也是很方便的。
    六:phpstudy
    phpstudy一款集成开发环境,用户只需下载安装,无需配置环境,其中还包括了开发环境和开发手册,无论是新手还是老手,选择phpstudy都是一个不错的选择。
    以上就是对前端开发用什么工具?前端开发需要哪些软件的全部介绍,更多请关注php中文网。
    以上就是前端开发用什么工具?前端开发需要哪些软件的详细内容

    展开全文
  • 前端开发工具

    2015-09-14 16:27:16
    sublime  ...nodejs 代码压缩和混淆工具 npm 自动安装工具 grunt 代码合并和混淆工具 》》常用 bower 依赖管理工具 (不建议使用) http-server 轻量级server karma 单元测试工具 karma-ja


    sublime 

    webstorm 具有关于js代码的浏览器兼容提示

    chrome batarang  ——angular的调试插件

    git小乌龟

    nodejs  代码压缩和混淆工具

    npm 自动安装工具

    grunt 代码合并和混淆工具 》》常用

    bower 依赖管理工具 (不建议使用)

    http-server 轻量级server

    karma 单元测试工具

    karma-jasmine 类似JUIN 编写测试用例 》》常用

    protractor angularjs专门的集成测试工具 (webdriverJs是通用的)



    展开全文
  • 2017年前端开发工具趋势

    千次阅读 2017-08-15 10:39:44
    本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。
  • 前端开发工具-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-11-25 14:37:23
    #前端开发工具 -Sublime text -Visual Studio Code -Webstrom
  • web前端开发工具

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

    千次阅读 2014-07-26 00:18:27
    在Sublime Text 中按“Ctrl+Shift+p”快捷键或在菜单-工具中打开“命令面板”,输入:Install Package (安装扩展)后回车,弹出新的窗口,再输入Emmet查找“Emmet”确定安装,等到自动打开一个文档,说明安装成功。...
  • 前端开发工具整理

    千次阅读 2017-05-11 14:53:48
    开发工具整理
  • 前端后台开发工具

    2019-06-16 08:46:11
    包含Java开发使用到的idea2019 eclipse2018 ...数据库开发工具 navicat 以及git 以及前端开发需要用到的浏览器opera、Google、火狐等 链接:https://pan.baidu.com/s/1cnuUjoF9I14DdFiteVKfZQ 提取码:1...
  • Web前端开发常用的开发工具

    千次阅读 2019-09-06 11:26:55
    Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言。尤其是对于那些大量流量入口的...Web前端开发常用的开发工具都有哪些呢? 1.Web应用框架 这些软件是专门设计来帮助网站开发,并使...
  • 前端开发常用工具

    2020-03-08 12:54:17
    ide开发工具 以下工具 / 软件 网盘下载地址: 链接:https://pan.baidu.com/s/1HgFXYGrF6Ojq8qK2Pz5dhg 提取码:tc0t vscode官网 Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一...
  • 前端开发便捷工具

    2017-02-20 16:35:52
    不断完善中。 Fiddler HBuider Firebug chrome develop tool IEtester HttpWatch查阅: Can i use:http://caniuse.com API文档:http://www.css88.com/jqapi-1.9 百度统计分析:...颜色代
  • 前端开发必备工具

    千次阅读 2009-01-29 21:45:00
    做设计和前台开发三年了,整理一下好的经验和工具共享给各位来我博客的网友,谢谢光临我的博客=================================2009年1月22日更新==========================HttpFox 抓包工具【FF插件】类似IE的...
  • 前端部分开发工具

    2015-03-20 10:26:37
    前端环境软件安装 node.js很多东西都需要它npm,cnpm,spm安装可以更换淘宝的安装包地址(淘宝镜像)Ruby(git依赖) ,... (百度前端工具框架)sass教程/lessgit还有另外一个工具(在xp,win7上可用还是图形的哦,还有文章)点我
  • python前端开发工具

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

    2016-01-20 09:03:35
    说到工具?那是可是不得了的东西,它是人类文明进步的基石。人类,从石器时代发展到现代社会,也是工具,从石具到现代高科技的...那作为前端爱好者或前端开发者们,你们知道哪些前端开发工具吗?享受了它们的便捷了吗?
  • 前端开发:前端如何开发 APP

    万次阅读 多人点赞 2018-07-03 02:45:52
    做为一个前端开发人员,有时候除去传统的前端开发还需要进行其他开发,比如公众号开发,小程序开发,APP 开发。 本场 Chat 将带你从0开始,基于 APICloud 进行 APP 开发,你只需要会前端就可以。 本场 Chat 主要内容...
  • 前端开发工具submit介绍

    千次阅读 2018-12-21 13:48:48
    1、安装 Package ctrl: 使用 ctrl + ~ 打开控制台,输入以下代码: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_...
  • 常用前端开发工具合集

    千次阅读 2013-06-18 16:00:55
    最流行的前端开发工具 2.HttpWatch http://www.httpwatch.com/ 集成在IE和Firefox上的监听HTTP和HTTPS的工具 3.Fiddler http://www.fiddler2.com/fiddler2/ Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的...
  • 强大的前端开发工具

    2018-11-04 22:53:22
    一、Dreamweaver Dreamweaver是一款老牌的...二、HBuilder(过来人推荐使用HBuilder来开发、也建议初学者,) 官网下载地址:http://www.dcloud.io/index.html HBuilder是DCloud推出的一款支持HTML5的Web开...
  • 常用前端开发工具web

    千次阅读 2018-04-09 10:59:50
    webstorm HBuilder
  • 前端开发工具小结

    2017-03-14 10:42:36
    题图 版权申明:此文章无需授权即可转载,转载时请务必注明作者 ...即便像我这样非常有经验的开发者,对于一些前端开发工具,也会产生疑惑。解决办法是在概念层面上...目前已经有太多的前端开发工具:Node, NPM,
  • 常用的前端开发工具

    千次阅读 2017-08-10 22:41:24
    1、MarkdownPad2下载http://pan.baidu.com/s/1o7ThZkQ2、GIF录制链接:http://pan.baidu.com/s/1o8dXzRk 密码:74lr3、postman链接:http://pan.baidu.com/s/1gfvM8mf 密码:1pdi4、Navicat Premium_11.2.7简体中文...
  • 前端开发工具—WebStorm

    千次阅读 2017-05-06 15:42:04
    前端开发工具—WebStorm一、 基本的操作快速查找、代码补全、版本控制、本地历史、即时模板、光标、代码格式化等 二、 一些小功能Ctrl +N: 新建一个文件设置字体和主题等File->setting->editor设置相应的字体和主题...
  • http://code.google.com/p/android-ui-utils/downloads/detail?name=AndroidDesignPreview-0.2.jar

空空如也

1 2 3 4 5 ... 20
收藏数 37,314
精华内容 14,925
关键字:

前端工具