Sublime之插件的安装(一)

时间:2022-04-22 16:34:22

  由于最近刚换了一个工作,所以决定重新申请一个blog,把工作当中遇到的一些问题记录下来,方便自己下次忘记,也希望能与一起需要的小伙伴一起共勉。

  如果有不同的观点或者是不同的看法,大家都可以畅谈,我一直认为讨论、实践才是提升自己能力的真正‘路径’。。。(好啦,进入今天的主题)

  在这份工作开始之前,我一直使用的IDE是Hbuilder,这里对这个IDE就不做吐槽了。。。

  Sublime为什么说强大呢?

  个人观点,Sublime的强大之处在于它的丰富的插件,在今天,主要就讲一下我最近安装的插件,下面就开始进入正题:

  准备工作:

  1.我使用的是sublime text3,在网页上直接下载就可以,这里就省略掉了;

  2.安装package control:

     (1)打开sublime,同时按下Ctrl + ` ,在输入框将下面的代码复制进去:

  

 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()) 

   (2)然后按下Enter,重启sublime text3,在Perferences->package settings中看到package control这一项,则表示安装成功。

  【注意】

    有的小伙伴会好奇,为什么要安装package control呢?

      答:因为下面接下来需要用到的插件,都是需要在它的基础上进行安装的;(SO 这个是必须的哦!)

  安装插件:

  【简介】以下的插件有可能我不会一一的讲解,如果需要的话,可以小伙伴自己在网上百度,讲解比我还要清晰哦~

每次安装插件的步骤:(1)(2)是相同的;(3)就是搜索自己需要的插件

  (1)按下Ctrl+Shift+P调出命令面板;

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

  (3)搜索 插件;

   常用的插件:

1.在面板里面输入"chinese",找到ChineseLocalzations,按下Enter,观察左下角会有一个[ = ],它表示在安装该插件;【这里就讲这一次,下面直接省略掉啦,么么哒】

     奥,对了,这个插件的作用就是:汉化作用,方便习惯中文的同学进行使用;

    ChineseLocalzations --------------------------------  汉化;

  2.Emmet:自动补全,提供快捷的补全方式

   例如:ul > li * 3

  3.Boxy:文件前面显示的图标

    如果搜不到这个,就看下列表,大致的我记不大清。。。

  4.SublimeTmpl : sublime的模板

  5.Sass : scss的高亮

6.vue : vue相关的一些插件我都有装上,因为最近一直在使用

  等等。。。

  昨天装的插件太多了,有点忘记了,有很多使代码显示高亮的,可以根据js、html、css进行相对应的查找,这里就不一一的写了,如果需要的话,可以留言;

  【福利】

   给大家分享一个网址,我觉得还是很有用的:

   最全的插件网址:http://blog.csdn.net/zbwroom/article/details/72473851

  卸载插件:

  有的时候,在工作中用的插件不想用了,比如就在第二天,我就不想用中文版的,所以就打算把中文的插件删除掉,只需要两步:

  (1)按下Ctrl + shift + P,在命令面板里输入remove package,按下enter

  (2)然后输入选择要删除的插件就ok了,是不是很简单的

  如果还是有不明白的同学,在给大家分享一个链接:

   对插件的操作: https://jingyan.baidu.com/article/2c8c281dd5a9b70008252aa1.html