Sublimetext3插件与使用技巧

1、    package control 的安装与注意事项

2、    常用插件的安装与注意事项

3、    主题风格设置

4、    常用快捷键

开始

1、点击install

2、选择这段代码进行复制

 3、打开Sublimetext3软件,在左下角点击console。Esc关闭

快捷键是:

4、将2刚刚复制的代码复制进去,按Enter键

(注意:安装的进度取决于网速,如果网络差的情况下,可能会安装失败)

 

5、安装成功了,看下面板。(注意要关闭再重新打开)

快捷键是:

6、调出命令行面板后,我们可以安装你想要的插件(命令行面板支持模糊搜索)

7、利用install package安装一些插件

8、Emmet插件

(注意:可能会安装失败,因为这个是根据网络的快慢决定的,如果安装失败了,我们就需要进行手动安装,手动安装请参考9)

9、Emmet安装失败,手动安装操作

可能是因为这个错误

根据错误信息上的,打开github网址:https://github.com/emmetio/pyv8-binaries

 

根据自己的操作系统,下载对应的版本就行,我的是windows64位的,所以我下载的是64位

可以看到,下载下来是一个压缩包,我们需要进行解压

github上的手动安装说明

将下载的文件放到下面

点击Preferences→Browse Packages

按照安装说明,应该是上一级

在Installed packages里面新建一个文件夹PyV8,将从github上下载的文件放到这个里面,然后重启sublimetext就可以了

重启后打开编辑器就可以了

10、我们验证下是否安装有效

新建一个文件夹:

如果下面可以显示的话,说明安装成功了哦!

11、打开侧边栏,也叫菜单栏

View→Side Bar→Show Open Files

 

打开后效果:

关于这个侧边栏,直接可以拖一个文件夹进来,他也是会显示的

但是现在这个侧边栏的功能比较单一:

我们可以装一个插件来强化一下我们的侧边栏:

Ctrl + Shift + p  打开命令面板

直接输入install就行,点击

点击后,安装的插件名叫sidebaren,点击安装

安装中底下会有正在安装符合

安装完成后,我们在侧边栏点击鼠标右键,就可以看到非常丰富的功能了

12、安装代码美化插件(也叫代码格式化)

在安装这个插件之前,我们先给系统安装一个Node.js

网址:https://nodejs.org/en/

Nodejs下载完成

Nodejs进行安装

  a、双击安装

    

  b、Next下一步

    

  c、Next下一步,建议选择默认安装路径,不要更改

    

  d、继续下一步

    

  e、install安装

    

  f、安装中

    

  g、Finish安装完成

    

Nodejs安装完成后,我们在sublimetext里面安装我们的那个代码美化插件

安装完成后,我们查看是否有,如何有如下的,说明安装好了

如果我们安装Nodejs的时候,安装路径修改了话,那么我们就需要在这里也修改下

这是我们把代码搞得乱七八糟的,测试下

打乱后:

点击鼠标右键,HTML/CSS/JS Prettify→Prettify Code

恢复后:调整整齐了

13、界面不好看,我们换下sublimetext的界面

其中一种:

安装好了:

怎么启动这个主题呢:

复制

然后找到Preferences→Settings

把刚刚复制的,放到如下,保存

然后我们再看下sublimetext的整个风格就发生了变化

也可以Preferences→Color Scheme   更换整个页面颜色背景

14、还有一种更加简单的选择主题的安装方式

Crtl + Shift + P  调出命令面板

找到install

这个themr是一个风格选择器

安装完成后就可以方便使用了:

ctrl + shift + p

这时我们安装过得跟风格主题就都在这儿了,

 

 注意:基本的插件都已经安装的差不多了,

如果有需要的伙伴,可以去:https://packagecontrol.io/上看看其他的,非常丰富。

 

posted @ 2017-09-08 19:57  程序员的世界。。。  阅读(1581)  评论(0编辑  收藏  举报