目录

  • 一、软件安装
  • 1、官网下载
  • 2、安装
  • 二、将插件仓库地址配置好
  • 三、安装插件
  • 1、汉化插件
  • 2、emmet插件
  • 3、Autoprefixer插件
  • 4、卸载插件
  • 其他
  • 1、关闭两个窗口


一、软件安装

1、官网下载

打开网址Sublime官网 ，点击下图标注处下载。

sublime java插件 mac sublime 安装插件_html5

2、安装

点击刚刚下载的文件安装

选中此选项

sublime java插件 mac sublime 安装插件_css3_02


定义一个安装位置

点击install

二、将插件仓库地址配置好

安装Sublime Text的插件前，需要先将插件仓库地址配置好
Sublime Text插件初始化

通过控制台安装插件代码，通过 ctrl+` 或 View > Show Console打开控制台。
复制以下代码，将代码粘贴到控制台，回车：

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; 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.cn/' + 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)

若不成功，控制台下面会有提示，有两串字符，选其中一个替换上面第一个h参数的字符。
若还不成功，再选其中一个替换上面第一个h参数的字符。

若还不成功，手动安装，看其他教程去。

再修改或新增channels地址
“channels”: [ “http://packagecontrol.cn/channel_v3.json” ]

三、安装插件

1、汉化插件

Ctrl+Alt+P输入install选中第一个，按回车，可能出来需要等一会，再输入chin，选中第一个，回车，进行汉化。

2、emmet插件

Ctrl+Alt+P输入install选中第一个，按回车，可能出来需要等一会，再输入emmet，选中第一个，回车。

若出错，手动安装PyV8:https://github.com/emmetio/pyv8-binaries选择对应的版本。

sublime java插件 mac sublime 安装插件_css3_03


也可网盘下载：

链接：https://pan.baidu.com/s/1Iy_5EnWnxa5A4_WnK0Dx5g 提取码：3v8f

进入Browse Packages
返回上一级到Installed Packages目录
创建PyV8文件
把解压的文件放到上面创建的文件

3、emmet2插件（目前2和1合并了，安装1就有2的功能）
删除线格式 打开网址：https://github.com/emmetio/sublime-text-plugin
- 首先卸载旧的emmet插件
- 点击Preferences > Package Control
- 找到Remove Package 并点击
- 找到需要卸载的插件
- 点击Preferences > Package Control
- 找到Add Repository 并点击
- 在对话框中输入：https://github.com/emmetio/sublime-text-plugin/releases/latest/download/registry.json
- 在弹出的对话框中输入emmet2点击进行安装
若没有弹出
- 点击Preferences > Package Control
- 找到Install Package 并点击
- 找到emmet2插件,点击进行安装

3、Autoprefixer插件

自动添加浏览器前缀
目前的状况是，有些CSS3属性需要加前缀，有些不需要加，有些只需要加一部分，这些加前缀的工作可以交给插件来完成，比如安装： autoprefixer

可以在Sublime text中通过package control 安装 autoprefixer

Autoprefixer在Sublime text中的设置：
1、preferences/key Bindings-User

{ "keys": ["ctrl+alt+x"], "command": "autoprefixer" }

2、Preferences>package setting>AutoPrefixer>Setting-User

{
    "browsers": ["last 7 versions"],
    "cascade": true,
    "remove": true
}

last 7 versions：最新的浏览器的7个版本
cascade：缩进美化属性值
remove：是否去掉不必要的前缀

用这个插件还得必须装一个node，相当于一个后台源，语法和js类似（可以说成运行在后台的JavaScript）。

  • 1.安装nodejs，从官网下载安装程序，双击安装，运行安装即可。这里我下载到了路径"E:\Program Files\nodejs"注意安装完会弹出一个命令行窗口，不要关了，先按提示按任意键，再等待自动安装配置文件，大约需要不到10分钟

    • sublime java插件 mac sublime 安装插件_官网_04

  • 2.从这里下载Sublime的nodejs插件，解压；打开Sublime编辑器，Preferences->Browse Package，随后会打开一个文件夹，在该文件夹下新建一个名为“Nodejs”的文件夹，打开，然后将3中解压后的所有文件复制粘贴到该文件夹中。

    • sublime java插件 mac sublime 安装插件_css3_05

  • 3.在2中文件夹内找到Nodejs.sublime-settings文件，用编辑器打开，并修改如下两个地方。该路径为你的nodejs安装的路径（注意加转义符号“\”）

    • sublime java插件 mac sublime 安装插件_css3_06

  • 4.在该文件夹中找到Nodejs.sublime-build文件，用编辑器打开，并修改如下位置。

    • sublime java插件 mac sublime 安装插件_javascript_07

  • 5.测试，用sublime新建一个文件hello.js，测试代码如下
var http = require('http');
 
http.createServer(function (request, response) {
 
// 发送 HTTP 头部
 
// HTTP 状态值: 200 : OK
 
// 内容类型: text/plain
 
response.writeHead(200, {'Content-Type': 'text/plain'});
 
// 发送响应数据 "Hello World"
 
response.end('Hello World\n');
 
}).listen(8888);
 
// 终端打印如下信息
 
console.log('Server running at http://127.0.0.1:8888/');

按快捷键Ctrl+B编译，如果控制台输出Server running at http://127.0.0.1:8888/则表明配置正确

sublime java插件 mac sublime 安装插件_html5_08


打开浏览器输入http://127.0.0.1:8888会显示“HelloWorld”！

sublime java插件 mac sublime 安装插件_html5_09

4、卸载插件

  • 首先卸载旧的emmet插件
  • 点击Preferences > Package Control
  • 找到Remove Package 并点击

其他

1、关闭两个窗口

View->Layout->Single