`
xylong
  • 浏览: 191243 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

前端学习工具篇

阅读更多

接触web编程以来,或多或少接触了前端开发,想来,不觉也有些年头了,但无奈,从没有专业系统去学习,这里算是一个好的开头了,准备系统全面学习下前端编程了,首先,预先善其事,必先利其器,好的开发工具,一个集成的前端开发环境很重要,从公司专业前端同学那里,了解了目前他们正在使用的一些工具或者组合。

 

集成前端环境:nodejs+clam+f5   

开发工具:webstrom+sublime

前端编译工具:jrunit(这个没太了解清楚,暂时也没太使用,后面再和大家分享)

代码管理工具:git

至于一些目前使用的前端框架,后面的持续学习中再和大家交流。

 

nodejs,已经风行了好久的一个前端框架,前端框架并不准确,编写后端照样很牛b,当然各系统都能安装,这里不详细说。

clam,nodejs的一个包模块,默认是没有安装的,需要命令行安装,安装地址在这里https://www.npmjs.org/package/clam,里面包含具体使用。

f5,一个修改文件自动刷页面,及时能看到页面效果,一个辅助工具,很好用方便。

clam+f5的搭配,当然有些前端同学,也很喜欢这个组合(F5+wamp)

具体网址如下:http://www.getf5.com//?1967  http://www.wampserver.com/en/,当然实现的功能基本

差不多,个人喜好的问题。

 

至于webstrom\编写前端的专业工具,很强大,和自己使用idea开发java代码一样,一个娘肚子里出来的。

sublime,前端同学估计都清楚,小而精悍的文本编辑工具,功能也很强大。

 

说到后,在安装clam+f5时,国外的nodejs站点可能不太稳定,大家可以google下一些国内的站点,否则容易安装失败。

 

好了,基本上有了上面的这个工具和环境,开发起来,事半功倍,大家尽情享用吧。

 

分享到:
评论

相关推荐

    BI前端报表工具 对比

    本篇文章将基于标题“BI前端报表工具对比”以及相关标签“源码”和“工具”,对这类工具进行深入探讨。 首先,我们需要理解BI前端报表工具的基本概念。这类工具主要负责将企业内部的各种复杂数据转化为直观易懂的...

    大前端学习流程

    大前端学习流程 大前端学习流程是一条完整的学习路线,可以帮助开发者从基础知识到高级特征,从HTML5到移动Web开发,再到HTTP服务和AJAX编程,最后到面向对象进阶和封装框架。该学习流程共分为九个阶段,每个阶段都...

    纯前端图片压缩和预览工具

    本篇文章将详细探讨“纯前端图片压缩和预览工具”的相关知识点。 首先,我们要了解“纯前端”意味着所有处理都在用户的浏览器中进行,不依赖服务器端的处理。这通常涉及JavaScript库或框架,如jQuery(在给定的文件...

    前端开发工具技巧介绍-Sublime篇共4页.pdf.zi

    本篇文档“前端开发工具技巧介绍—Sublime篇共4页.pdf”将深入探讨Sublime Text 的使用技巧和功能,帮助开发者提升工作效率。 1. **安装与配置** - Sublime Text 是一款跨平台的文本编辑器,支持Windows、MacOS和...

    最全前端面试题-1(前端基础篇-上百篇题集整理1个月)

    前端学习与新知识接触: 学习前端需要扎实的 HTML、CSS 和 JavaScript 基础,同时关注新的框架和技术,如 React、Vue 等。可以通过阅读文档、参与开源项目、实践项目、在线课程等方式持续学习。对于新知识,要有好奇...

    2018美团技术干货(算法篇,后台篇,工程师成长篇,前端篇,测试篇,运维篇,系统篇)

    4. **前端篇**:前端技术涵盖了用户界面设计、响应式布局、性能优化、JavaScript框架(如React、Vue.js)、移动Web开发等领域。可能分享了如何构建高性能的Web应用、使用最新前端工具链(如Webpack、Babel)以及无...

    大圣的前端学习路线图.zip

    【大圣的前端学习路线图】是一份专为前端开发者设计的学习路径指南,旨在帮助初学者和有经验的开发者系统地提升前端技能。这个压缩包包含一个名为"it-roadmap-main"的文件,很可能是HTML、PDF或者Markdown格式,详细...

    web前端.pdf 笔记

    5. **前端学习路径和职业发展**:文档详细介绍了前端开发工程师在学习和职业发展上的建议,包括如何正确看待前端开发、如何自我定位、如何应对技术面试以及如何制定职业规划。这部分内容对于刚入行的开发者特别有...

    前端笔记录,前端的学习历程

    在前端学习过程中,错误集的整理是必不可少的。开发者会遇到各种各样的报错,如语法错误、类型错误、运行时错误等。通过记录这些错误,可以加深对编程语法规则的理解,提高解决问题的能力。例如,常见的JavaScript...

    前端学习

    在前端学习的领域中,开发者通常需要掌握一系列技术与概念,以便构建交互性强、用户体验优秀的Web应用程序。这里的“前端”指的是用户与应用交互的部分,包括网页设计、交互逻辑以及数据处理等。这篇博文链接...

    Java学习从入门到精通 1工具篇

    ### Java学习从入门到精通之工具篇:深入解析与实践指南 #### 一、JDK (Java Development Kit) ##### 1、JDK的核心地位与重要性 JDK,即Java Development Kit,是Java开发的核心,它包含了Java运行环境(Java ...

    前端学习路线

    前端学习路线是互联网开发领域中非常重要的一个环节,它主要负责网站或应用的用户界面部分,通过编写HTML、CSS和JavaScript等技术与用户进行交互。本学习路线旨在为初学者提供一个系统的学习路径,帮助他们构建扎实...

    前端完整课程学习攻略,手慢无

    思维导图是一种有效的学习工具,它可以帮助我们整理和可视化复杂的知识体系。在"前端知识总结-思维导图"中,你可能会看到以下几个主要部分: 1. **基础篇**:这部分会涵盖HTML5的基本元素,如头部标签、段落、链接...

    brunch前端自动化工具教程.zip

    **brunch前端自动化工具教程** 在前端开发领域,自动化工具是不可或缺的一部分,它们极大地提高了我们的工作效率,减少了重复劳动。虽然webpack已经成为当前最流行的前端构建工具,但其他优秀的工具如gulp和grunt...

    Web 前端性能优化思路与学习方法

    本篇内容将深入探讨Web前端性能优化的思路与学习方法,结合WebQQ、QQ互联、QQ商家等大型项目研发中的实践经验,提供一套系统的优化框架。 首先,前端性能优化可以从以下几个层面展开: 1. 网络层面优化:优化网络...

    css样式工具 css学习工具

    本篇文章将围绕“CSS样式工具”和“CSS学习工具”这两个核心概念,详细介绍相关知识点。 一、CSS基础知识 1. 选择器:CSS选择器是用于选取HTML元素的方式,例如标签选择器(如`p`)、类选择器(如`.myClass`)和ID...

    HTML前端学习(3)--JS事件

    在本篇关于“HTML前端学习(3)--JS事件”的主题中,我们将深入探讨JavaScript中的事件处理和jQuery框架的应用,特别是在网页交互中的角色。JavaScript事件是网页动态化的核心,而jQuery则提供了一种更为简洁易用的...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十:正则表达式

    本篇教程将深入探讨JavaScript中的正则表达式,帮助你理解和掌握这一核心概念。 一、正则表达式基础 1. 字面量表示法与构造函数:在JavaScript中,有两种创建正则表达式的方式。一种是字面量表示法,即使用`/...

    前端学习笔记,做一个简单的网站一个加单的UI效果,学习代码

    这篇前端学习笔记主要关注如何创建一个简单的网站,并实现一个基础的用户界面(UI)效果。在这个过程中,我们将涉及到HTML(超文本标记语言)、JavaScript(JS)以及可能的一些软件或插件的使用。 首先,HTML是网页...

    学习两三年前端的心得.docx

    在学习前端开发的过程中,我们首先需要认识到市场对前端岗位的需求是不断变化的...希望这篇文章能给正在学习前端的你带来一些启示和鼓励。在学习过程中,不要怕困难,坚持不懈,你一定能在前端领域找到属于自己的位置。

Global site tag (gtag.js) - Google Analytics