欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

前端利器倚天剑之sublime

发布时间:2024/4/13 HTML 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 前端利器倚天剑之sublime 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

下载sublime

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

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

添加项目

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

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

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

功能加强

单个编辑器的功能未必就那么强,如果要成为利器,还得靠一些插件才行。
安装插件的方法:
按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安装插件了:

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

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

  • 推荐安装下列插件:

  • emmet,快速写html代码

  • scss,高亮scss的语法

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

  • ctags,函数定义跳转

  • SideBarEnhancements,加强侧边栏功能

  • nodejs,nodejs的一些代码补全

  • React ES6 Snippets,react的es6语法

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

  • 主题变换

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

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

    编辑器操作

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

    总结

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

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。