工具选得好下班下得早

工欲善其事必先利其器,对于程序猿而言,开发工具就是我们的武器。选择一个适合自己的开发工具,无论对于自己还是项目都是一个双赢的局面。

之前在刚开始学习前端时,小编给大家介绍过一款开发工具editplus。对于初学者来说,这个工具非常适合也是极为必要的。但对于后期的学习和工作中,我们已经积累了一定量的经验,也不只是停留在熟悉代码的阶段,快速开发才是我们的首要目标。随着我们经验的积累,其实我们需要记忆的东西会越来越少,反之,需要我们掌握的方法和技巧会越来越多。我们需要一些工具来帮助我们省去很多不必要的工作。

Sublime是小编很喜欢的一个工具。相较于editplus,它会有很多的代码提示功能和很多的个性定制内容。在工作中除了使用sublime之外。一些人会用dreamweaver,功能上还是挺不错的,但较之界面风格小编不是很喜欢,所以直接pass掉了。还有一些人会用WebStorm这个工具,整体来说这是一个很不错的工具,可能是小编电脑的关系,启动软件也需要花费一定的时间,与sublime对比起来,小编也把它给pass掉了。其实,市面上有很多类似的工具,都有自身的特点和不足之处,选择什么样的工具都是因人而异的。Sublime是一款值得用用看的工具软件。

Sublime插件安装与配置方法

Sublime有很多的版本,因为个人喜好的不同,所以大家找到的工具差别也可能会很大,但主要的功能都是具备的。我们下载到的Sublime,如果想要用得更加得心应手,我们根据自身需求安装插件和个性配置一番,属于自己的Sublime就诞生了。

Sublime常用快捷键

已经定制了属于自己工具,但想要偷下懒,Sublime常用快捷键是必须掌握的。就像在使用PS快键键一样,我们不可能需要一个功能时还要到面板里找,记住相应的快捷键可会省去很多的事情。

sublime方法

以上,我们已经可以很好的使用我们的工具了,但对于这个工具而言,我们也还有很多的东西没有开发使用。我们在编写前端代码时会有固定的代码部分,这部分代码我们就可以做为模板给保存起来。知道了模板的设置方法,可以让根据不同的项目需求定制不同的模板帮助我们开发。

[F5] Web开发免刷新

很多人在开发中都会有这样的烦恼,我们在调试页面时,每做一些改动想看结果时,都需要手动刷新一下浏览器。更为困扰的是,一些浏览器的刷新按钮做得还不那么明显,着实让人抓狂!既然有了那么好的开发工具,要是连刷新也能省去的话,那岂不是更完美了。有需求就会有市场,这样的工具时存在的。[F5]Web开发免刷新工具就是一个很不错的选择。

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

时间: 2024-09-29 16:23:06

工具选得好下班下得早的相关文章

Java构建工具Ant之在Windows下配置环境变量

配置环境变量这个东西应该要烂在程序猿,基本上Windows或者Mas osx还是Linux都有固定的配置方式,我们在使用任何软件都是基于系统这个最高层的应用程序上的,前面笔者已经介绍过如何在Max os配置java环境变量,这里不再赘述. 计算机->右键->属性 定义系统变量ANT_HOME 指定变量值"你的ant的安装目录" 跟Java环境变量配置方法一样,如果指定了ant环境变量之后,就可以在cmd命令行下使用ant提供的命令:ant -version 输出ant当前版

使用Application Uploader工具在windows、linux下上传iOS App

我们知道发布一个app,一般是用到苹果的application loader助手上传应用,用过的都知道使用起来很繁琐,经常出错.而且只能运行在mac系统上,需要一定的硬件条件. 而上架辅助工具Application Uploader,可以实现在windows,linux或mac上,不需要应用程序加载器和mac计算机,就可以发布app到app store,试用了下,感觉不错,分享给各位开发者,方便大家. Application Uploader是一个专门为IOS app上架的开发助手,可以快速,轻

Jquery操作下拉列表和复选框,自定义下拉

后半部分还有自定义下拉列表和开灯关灯的效果,可以进来来看一下 哦 如果网页有下拉列表和复选框,看一下Jquery怎么来操作他们,主要怎么来选取他们的数据,怎么设置某一项选中 先来看个下拉列表 <body> <select id="sel"> <option value="张店">张店</option> <option value="淄川">淄川</option> <op

任务栏流量监测工具 NetSpeedMonitor 在Windows 8下的安装使用

这个是给不喜欢360等提供的桌面浮动网络监控的园友准备的,NetSpeedMonitor 是一个可以在任务栏监控流量的小工具,集成在任务栏上显示,可以手动设置单位.文字大小等.还支持监控日志,相比其他悬浮的监控工具来说的确可以让桌面干净不少,深得很多人的喜欢 可是版本到2.5.4,原作者就停止了开发,虽然说已经支持了win7,但是在win8下还是不能直接安装 . 所以下面就分享一下怎么在win8下安装使用 1. 将NetSpeedMonitor 32/64目录连带文件拷贝到C盘的  Progra

【原创】字符串工具类--驼峰法与下划线法互转

在实际项目开发中,会碰到这样的问题,数据库表结构设计好了,可实体类还没相应地弄出来.实体类的属性命名方法一般是驼峰法,而数据库中的表字段命名方法用的是下划线法.如果表的字段非常多,我们根据设计好的数据库字段再手动敲写一遍驼峰法的属性,这有点费时了.如何迅速地把数据库中的表字段变成我们所需要的驼峰式的属性呢? 解决方法有二,一是通过文本编辑工具,如EditPlus,Notepad++等,利用它们携带的正则替换功能来迅速实现:二是通过自己编写工具类来实现.至于第一种方法操作技巧,不在这边赘述.第二种

Conemu, Msys2 工具整合,提升windows下控制台工作效率

与windows cmd相比较git-bash这类的console工具好用很多,但是git-bash的命令和功能相对简单,功能扩展起来不方便,git-bash本身也是基于msys的. 昨天发现使用Msys2 和 Conemu 这两个工具,组合起来功能更加强大. Conemu支持tab页面,以及分屏. 具体步骤: 1.msys2 安装, 这个比较简单, 从http://www.msys2.org/  下载最新的安装包 msys2 可以通过 pacman 命令安装工具,这个功能比较爽. 一般还需要设

关于datagridview中checkbox列在选中行的情况下无法操作值

这几天做项目的时候碰到了个小问题,在datagridview中实现对checkbox列的全选和反选功能.代码如下 //全选 if (dataGridView1.Rows.Count > 0) foreach (DataGridViewRow dgvr in dataGridView1.Rows) { (dgvr.Cells["checkbox列名称"] as DataGridViewCheckBoxCell).Value = true; } //反选 if(dataGridVie

[环境工具文档]Android SDK下的docs文件夹不存在

看到有些同学的SDK目录下有docs文件夹,而我的确没有在网上搜索了一下,终于找到问题所在:在最新的sdk中,有一项Documentation for Android SDK,那就是docs,这个doc貌似是随着最新sdk发布的

使用vue-cli构建 webpack打包工具时,生产环境下,每次build时,删除dist目录,并重新生成,以防dist目录文件越来越多。

首先,需要使用webpack的插件CleanWebpackPlugin,安装命令如下: npm install --save-dev clean-webpack-plugin 其次,需要在生产环境提供的文件:build/webpack.prod.conf.js的plugins节点下添加如下代码: new CleanWebpackPlugin( ['dist'], //匹配删除的文件 { root:path.resolve(__dirname,'../')     //根目录 verbose:tr