注册用户享全站资源 并成为粉丝 不定时福利发放
合作广告

合作广告

最大优惠

人事面试

人事面试

套路太深

面试过程中,面试官会向应聘者发问,而应聘者的回答将成为面试官考虑是否接受他的重要依据。对应聘者而言,了解这些问题背...

部分企业人事部收到求职者简历后,会预先进行一轮电话面试,来考察求职者的综合素质,因此了解懂得求职面试的基本技巧,将...

1、着装要适当  穿着不一定要名贵,但一定要合体、干净、整洁,而且颜色和图案的搭配一定要协调。鞋子应该是舒服而又引...

一、隐瞒真实个人资料的不诚实者简历是求职的第一步,只有面试官对你的简历有兴趣才会通知你面试。在简历中适当地突出个人...

一、首先你得已经成为公司里“最好”的程序员,或者你已经找不到可作为老师和导师的人关于这一点,很多人都会过度自信,所...

程序人生

程序人生

技术的另一面

女程序员这一物种是稀有物种,茫茫软件工程系,放眼望去满眼尽收“屌丝男士”。零星几只女性就显得尤为珍贵。这里有只女程...

你是否曾经遇到过这样的情况:你已经有了一个好主意,比如开发一个在线商店,制作一个应用等等,但是却只缺一个程序员,能...

在北京四环路西北部的中关村,聚集了这座城市最多的科技企业和最优秀的技术人员,因为腾讯、字节跳动等互联网巨头坐落于此...

作者 : 何俊林 王小波在《黄金时代》里写道,“那一天我二十一岁,在我一生的黄金时代。我有好多奢望。我想爱,想吃,...

在Stack Overflow上有这样的一个贴子《What’s your most controversial p...

程序员段子

程序员段子

乐一乐

皇上太拼了......  被电视剧蒙骗了好多年,三观毁灭!  这是传说中“帅气的王爷”与“美腻的王妃”,像不像屠夫...

足够自信的程序猿自信是通往成功路上的指明灯,自信的程序员更是加班夜里的探照灯,总能让BUG无所遁形。效率高的程序猿...

最近这段时间,小编絮絮叨叨说了很多严肃的东西,今天说点好玩的,轻松一下。娱乐圈有潜规则,小编认为IT圈一样,也有潜...

今天来说说一位女青年的老公以及他们的事儿。如有雷同,纯属巧合。十一年前我和程序猿第一次见面,还是大一军训期间。我甚...

公司高层公司副总A:咱们开个会研究一下这个事情怎么处理。公司副总B:如果老板没有救成功,下任是谁呢?会不会影响公司...

副标题

前端神器-sublime text3插件安装及使用

发表时间:2018-11-21 17:45

作为前端人员,要找一个很顺手的编辑器真的不容易,以前我用同事推荐的netbeans,很好用,但是它主要是用于php开发,且软件太大,运行起来比较慢,后来又用前端开发的webStrom,也不错,很好用,他的历史记录等功能比较强大,但是还是有一个缺点,就是软件有点大,运行起来有点慢。

我在我向大家推荐一款实用的前端开发神器,不但占地小,且插件很多,很强大。下面我向大家介绍一下它的安装及插件的使用方法。

一、安装及安装emmet插件

首先,去sublime官网下载软件:http://www.sublimetext.com/

软件很小,我用的是最新版的text3,大家可以用目前稳定版text2。打开它的官网,我们就可以看到几个动画,演示sublime的强大功能。

其次,软件安装好了之后,我们来安装一个插件,推荐使用package control组件来安装插件,很方便。

安装方法如下:

按快捷键ctrl+~ 调出命名控制行:然后如果是text2输入如下命令:

import urllib2,os,hashlib; h ='7183a2d3e96f11eeadd761d777e62404'+'e330c659d4bb41d3bdf022e94cab3cd0'; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnot os.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()));by= urllib2.urlopen('http://sublime.wbond.net/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf),'wb').write(by)if dh == h elseNone;print('Error validating download (got %s instead of %s), please try manual install'%(dh, h)if dh != h else'Please restart Sublime Text to finish installation')

如果是text3输入如下命令:

import urllib.request,os,hashlib; h ='7183a2d3e96f11eeadd761d777e62404'+'e330c659d4bb41d3bdf022e94cab3cd0'; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()));by= urllib.request.urlopen('http://sublime.wbond.net/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest();print('Error validating download (got %s instead of %s), please try manual install'%(dh, h))if dh != h else open(os.path.join( ipp, pf),'wb').write(by)

具体安装您也可以查看:https://sublime.wbond.net/installation#st3

安装好了之后,在Preferences会看到package control,如下如:

enter image description here

最后,有了package control,你就可以安装您想要的插件了!很简单,sublime下面有很多插件,一般编辑器有的,sublime都会以插件的形式出现

打开package control 输入install package 然后找到emmet,点击安装,重启sublime就可以了,具体请看:https://github.com/sergeche/emmet-sublime#readme

第二,sublime常用插件:

ZenCoding

不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。

Alignment

代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

Prefixr

写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。

Tag

Html格式化,右键Auto-Format Tags on Ducument。一般是用ctrl +Alt +F 触发,若触发不了,查看是不是html文件,是否选中,是否有快捷键冲突!

Clipboard History

剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。

SideBarEnhancements

侧栏右键功能增强,非常实用

Theme – Soda

完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”

GBK to UTF8

将文件编码从GBK转黄成UTF8,菜单 – File里面找

SFTP

直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云

WordPress

集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用

PHPTidy

整理排版PHP代码

YUI Compressor

压缩JS和CSS文件

Ctags

函数跳转,我的电脑上是Alt+点击 函数名称,会跳转到相应的函数

DocBlockr

注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

ftpsync

FTP ssh上传配置,安装成功配置一下host等就可以了!

SFTP

安装成功之后,文件夹下面单击右键,map to remote 生成sftp-config.json文件,假如已经生成,点击 edit remote Mapping ,编辑sftp-config.json

"type":"sftp",

"save_before_upload":true,

"upload_on_save":false,//设置为true,保存上传

"sync_down_on_open":false,

"sync_skip_deletes":false,

"sync_same_age":true,

"confirm_downloads":false,

"confirm_sync":true,

"confirm_overwrite_newer":false,

"host":"example.com",//设置服务器host

"user":"username",//设置服务器用户名


Java帮帮公众号生态

Java帮帮公众号生态

总有一款适合你

Java帮帮-微信公众号

Java帮帮-微信公众号

将分享做到极致

Python帮帮-公众号

Python帮帮-公众号

人工智能,爬虫,学习教程

大数据驿站-微信公众号

大数据驿站-微信公众号

一起在数据中成长

九点编程-公众号

九点编程-公众号

深夜九点学编程

程序员服务区-公众号

程序员服务区-公众号

吃喝玩乐,听学吐画

Java帮帮学习群生态

Java帮帮学习群生态

总有一款能帮到你

Java学习群

Java学习群

与大牛一起交流

大数据学习群

大数据学习群

在数据中成长

九点编程学习群

九点编程学习群

深夜九点学编程

python学习群

python学习群

人工智能,爬虫

测试学习群

测试学习群

感受测试的魅力

Java帮帮生态承诺

Java帮帮生态承诺

一直坚守,不负重望

初心
勤俭
诚信
正义
分享
合作品牌 非盈利生态-优质内容分享传播者
关于我们
友链申请
友链交换:加帮主QQ2524138991 留言即可 24小时内答复  
全站内容非商业用途,内容来源于网友,并遵循 CC BY-NC 4.0 许可,如有异议请联系客服。
会员登录
获取验证码
登录
登录
我的资料
留言
回到顶部