前端利器倚天剑之sublime

发布时间:2019-08-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了前端利器倚天剑之sublime脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一款好的代码编辑器能让我们的工作效率高效,心情舒畅,在我使用过的几款编辑器之中,能称得上倚天剑和屠龙刀的当属sublime text和webstorm。sublime比较轻盈,打开速度巨快,而且功能强大;webstorm功能也异常强大,集成各种功能,但是打开速度巨慢,内存消耗贼大,我的4G内存根本跑不起来,所以我用的比较多的就是sublime,今天也主要讲讲sulime从安装到使用的一些过程吧。

下载sublime

现在的最新版本应该是sublime3了,下载地址

clipboard.png

下载完安装打开都很流畅,界面也好看,心情好极了。
sublime文档

添加项目

接下来我们开始用了,总要找些代码试试吧,这里以我加入的一个工作目录为例

clipboard.png

点击菜单中的PRoject->add folder to project,这时可以添加一个目录到编辑器中

前端利器倚天剑之sublime

添加完之后在左侧就可以看到了,然后选一个文件打开看看效果,编辑下。

功能加强

单个编辑器的功能未必就那么强,如果要成为利器,还得靠一些插件才行。
安装插件的方法:
按Ctrl+`调出console,复制下面代码,执行

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_oPEner( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').wrITe(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

安装完后重启,如果在Perferences->package settings中看到package control这一项,则安装成功。

然后就可以通过package control安装插件了:

  1. 按下Ctrl+Shift+P调出命令面板

  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

推荐安装下列插件:

  1. emmet,快速写htML代码

  2. scss,高亮scss的语法

  3. bootstrap 3 snippets,一些bootstrap的组件代码片段

  4. ctags,函数定义跳转

  5. SideBarEnhancements,加强侧边栏功能

  6. nodejs,nodejs的一些代码补全

  7. React ES6 Snippets,react的es6语法

  8. SublimeLinter,代码校验推荐这篇文章

主题变换

推荐一个主题,Material Theme
效果是这样的

前端利器倚天剑之sublime

当然,其他主题也可以自己尝试下。

编辑器操作

推荐这篇文章
操作比较全,练熟它,编码速度加倍

脚本宝典总结

以上是脚本宝典为你收集整理的前端利器倚天剑之sublime全部内容,希望文章能够帮你解决前端利器倚天剑之sublime所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。