subline text安装

一、解决sublime package control 出现There are no packages available for installation

最近安装了一下Sublime Text 3，在安装插件的过程中出现了一些问题，现在记录一下，也给遇到同样问题的朋友一些帮助。在安装插件的时候，需要先安装一下Package Control。

安装Package Control

安装Package Control有两种方式，第一种方式为：在控制台中输入安装命令。调出控制的方式为：Ctrl+`。Sublime Text2和Sublime Text 3的命令如下：

Sublime Text2

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

Sublime Text3

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

但是这种方式可能会有问题，安装的时候Sublime Text可能会卡死。还有可能会安装不上。所以这里有第二种安装方式。第二种安装方式为：

手工安装Package Control

Package Control的官方下载地址为：https://packagecontrol.io/Package%20Control.sublime-package。如果下载不了的话，可以从这里进行下载：Package Control。将下载下来的压缩文件，进行解压。会找到这样一个文件：Package Control.sublime-package，我们将这个文件放到Sublime Text 3的Installed Packages目录下。一般Installed Packages目录为：C:\Users\用户名\AppData\Roaming\Sublime Text 3\Installed Packages。如果没有找到的话从这里找：Preferences-->Browse Packages。点进入，向上翻一级就能找到Installed Packages。接着我们把Sublime Text 3重启一下。会发现多了这样一个东西。

image

我们点击Package Control，出来一个弹出框，我们选择Install Package。如图所示:

image

此时可能会出现如图这样的提示框：

image

如果没有出现这样的问题，恭喜你！！！如果出现了这样的问题，别着急下面我会说具体的解决方法。

Package Control安装插件失败：

我们点击如图所示的内容：

image ，在出来的文件中有这样一句： image 。在刚才下载下来的压缩文件中还有这样一个文件：channel_v3.json。会出现上面那个弹出框的原因就是这个channel_v3.json文件下载不下来。下面我们指定这个文件的目录：比如我们把它放到D盘，则我们修改channels的地址为："D:\channel_v3.json" image image

这样在去点击Install Packages的时候就可以正常的安装插件了！！！！至此，大功告成！！！

有网友说打不开下载链接，现在放到百度网盘里。链接: https://pan.baidu.com/s/1F40_3AzltmTC4IpsUEJT4Q 提取码: y436

二、安装vue高亮

原文地址https://blog.csdn.net/guo13313/article/details/80748257
下载地址：

https://github.com/vuejs/vue-syntax-highlight

下载页面并下载：

image

解开压缩包vue-syntax-highlight-master，其内所有文件备用。

2.将vue-syntax-highlight植入sbulime。

进入sublime，选择菜单项“Preferences->Browse Packages...”。

image

在打开的文件夹中创建“Vue”文件夹。

image

在Vue文件夹中，将vue-syntax-highlight-master压缩包解压后的所有文件考入。

image

3.sublime载入vue-syntax-highlight插件

按下快捷键“ctrl+shift+p”，在打开的packages输入框中输入vue，选择“Set Syntax:Vue Component”进行加载。

image

加载后重启sublime，重新打开.vue文件，即能看到语法高亮。

三、subline上面的选项不见了

按下键盘的“ctrl+shift+P”组合键，输入“view“

然后点击‘view:Toggle Menu’即可。

四、Sublime Text 3 LESS、SASS、SCSS高亮插件、提示插件

原文https://blog.csdn.net/zhangwenwu2/article/details/72236721
以前写CSS时，都是直接写样式，没有任何的第三方工具，后面发现越是面向大网站，越难管理，上次参加完携程UED大会后，发现SASS对于前端团队多人协作和站点代码维护上很有帮助，很多同学都开始用了，我还是在原地踏步，我也不能OUT呀，于是开始学习，平时比较喜欢sublime编辑器，而sublime默认是不带sass语法高亮的，今天记录一下，sublime下如何安装sass语法高亮。
1.下载 sublime SCSS语法高亮包 “点击下载”
2.将下载下来的文件包解压。
3.打开sublime安装目录下的Data → Packages目录
4.将包放入打开的目录，重启sublime，进入之后按ctrl+shift+p，然后输入scss，选择第一个。完美。wy is pig

[图片上传失败...(image-e15c07-1608386571246)]

推荐国人一款牛逼的 预处理器语言图形编译工具
koala是一个前端预处理器语言图形编译工具，支持Less、Sass、Compass、CoffeeScript，帮助web开发者更高效地使用它们进行开发。跨平台运行，完美兼容windows、linux、mac。

五

SublimeTmpl 默认只有6种语法模板：

html ctrl+alt+h
javascript ctrl+alt+j
css ctrl+alt+c
php ctrl+alt+p
ruby ctrl+alt+r
python ctrl+alt+shift+p