sublime text3安装流程、常用插件推荐

1、官网下载、安装
官方地址 传送门
选择合适版本,安装时注意安装的位置,默认是在c盘下,可改

2、汉化(非必要步骤)

3、按Ctrl+`调出sublime text的控制台console

4、安装Package Control
粘贴以下代码到底部命令行并回车:
import urllib2,os;pf=‘Package Control.sublime-package’;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),‘wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(’ ‘,’%20’)).read())

重启Sublime Text,在Perferences->package settings中能看到package control,则表示安装成功

5、前端常用开发插件

按Ctrl+Shift+P调出命令板,输入install然后选择install Package,输入需要安装的插件名,点击就可以自动完成安装。

使用插件,可以帮助提高前端开发效率,使代码格式更规范,常用的插件有以下这些:

(1) Emmet插件(代码缩略插件)
Emmet 、Emmet Css Snippets

注意: 因为emmet插件使用是基于PyV8的,正常情况下在安装emmet时,会自动安装PyV8。但有时候会存在PyV8安装不起的情况,这时候就需要手动下载对应版本的PyV8文件,放在对应位置。

这里着重说明一下这个位置是放哪里?
我试了很多网友给的位置,都没对,都用不了。后面发现 /PyV8 这个文件夹 要和 Emmet 插件包同级,也就是在 /Installed Packages文件夹的下面。

另附Emmet语法学习传送门:
Emmet官方文档
Emmet使用手册

(2) Vue Syntax Highlight插件(Vue代码高亮插件)

(3)JSFormat (JavaScript的代码格式化插件)

(4)LESS (LESS高亮插件)

(5)sublime-autoprefixer (CSS添加私有前缀,解决兼容问题)
使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装Node.js。
更多用法,请参照:https://sublime.wbond.net/packages/Autoprefixer

(6)Git (Git代码管理)

(7)jQuery (jQuery快捷输入)

(8)Blockr (标准优美的注释)
使用:输入/*、/**然后回车
更多用法,请参照 https://sublime.wbond.net/packages/DocBlockr

(9)Color​Picker (快捷选颜色)
使用:快捷键Windows: ctrl+shift+c

(10)Alignment (”=”号对齐)
使用:默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本

(11)FileDiffs (比较代码不同工具)
使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

10)Trailing spaces (检测并一键去除代码中多余的空格)
使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User加上代码(数组内)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值