一、下载安装sublime Text3
到官网下载安装包(根据你的电脑系统下载对应的version):
下载好st3后,然后不断的点击next,然后blablabla……就可以安装好了。
二、汉化sbulime Text3(看个人需要)
2.1下载汉化安装包
地址:链接: https://pan.baidu.com/s/1y0c_SJdFMea-tWWruO5YmQ 提取码: rprd
2.2安装汉化包(将汉化包拷到 Installed Packages 文件夹中)
进入:D:\Sublime Text3\Data\Installed Packages(根据你的安装目录去寻找Installed Packages,本文是安装在D盘),将刚刚下载的汉化包解压,得到的文件Default.sublime-package 拷贝到 Installed Packages 文件夹中,这个时候就会发现汉化成功啦!
三、安装Package Control(重要)
关系到很多插件的安装,非常重要!
3.1 通过工具栏面板
①点击工具栏的“view”->”show console”(快捷键 是”ctrl+`”),
②到https://packagecontrol.io/installation官网,将对应的代码拷贝到显示面板中,然后回车。如果安装成功,那么就显示Package Settings 和Package Control 这两个项。
sublime 3:
1 | import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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://packagecontrol.io/' + 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) |
如果没有安装成功,那么建议用手动安装
3.2通过手动安装
到https://packagecontrol.io/installation官网,右边有一个“Package Control.sublime-package”,点击下载,然后将文件拷贝到 Installed Packages文件夹中
四、安装st3常用的插件
对于sublime text3,它之所以轻巧,是因为它设计就是为了让你按需加载,根据自己的需要,去下载对应的插件,所以才不会像其他的IDE那样笨重。(虽然我当时整了半小时【微笑)
安装插件步骤是:“Preferences -> Package Control”(快捷键是:shift+ctrl+p),然后执行“Package Control: Install Package”,接在就是输入你要安装的插件就可以,下面就说一下你个人常用的插件:
1、ChineseLocalizations 汉化插件 —— 可进行语言切换
2、Emmet(原名 Zen Coding) ——- 可快速编写代码
例如:输入“!”或“html:5”,然后按Tab键,就会将html5基本标签显示出来,其他还有很多快捷方式,想了解的可以去查阅一下Emmet
3、BracketHighlighter ——– 类似于代码匹配,可以匹配括号,引号等符号内的范围
4、cssrem ——- 自动将CSS的px值转rem值
在wepapp开发时,使用rem进行移动端适配的时候,非常好用,省下很多计算的时间。
5、Alignment ——- 自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性
默认快捷键为ctrl + alt + a,如果跟某IM截图的快捷键冲突,可在Preferences->Package Settings->Alignment->Key Bindings - User中自定义快捷键,写法参照Key Bindings - Default
6、Css Format —– css格式化
很快捷的将css的格式进行切换,Expand(标准格式化),Compact(css一行行显示),Compressed(css压缩成一行)
7、DocBlockr —— 观察函数需要的变量名和类型,并创建文档块,只要在函数的上面输入/**
,按Tab
就可以了
8、SublimeCodeIntel ——- 一个全功能的 Sublime Text 代码自动完成引擎
支持的语言挺多的(JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.)
9、AutoFileName ——- 自动补全文件路径
10、Autoprefixer ——- 应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件
11、JavaScript Completions ——- js最基本的api快查片段
12、minify ——- 压缩和美化html,css,js文件
因为minify利用的是nodejs进行的,所以使用minify需要安装nodejs,同时需要全局安装如下:
1 | npm install -g clean-css-cli uglifycss js-beautify html-minifier uglify-js minjson svgo |
- 本文作者: Raphael_Li
- 本文链接: https://lifei-2019.github.io/SublimeText3插件安装/
- 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!