欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Sublime Text3安装、字体等个性设置及常用插件下载(Win10)

程序员文章站 2022-06-11 20:46:03
...

安装

1.官网下载安装包

     https://www.sublimetext.com/

     (下载慢可能需要代理)

2.点击安装

     无脑下一步,根据需要改下载路径。

3.添加至环境变量

     打开系统属性(win+R、输入sysdm.cpl),高级标签下环境变量,在系统变量内新建变量ACPath,值为刚才的安装路径。

Sublime Text3安装、字体等个性设置及常用插件下载(Win10)

4.安装Package Control

     用于管理Sublime各种插件。

     打开Sublime,打开文本控制台(ctrl+`),粘贴下面代码。(Sublime用python编写,以下所有代码用python语法理解)

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

     待安装完成(左下角不变化),打开命令板(Tools→Command Palette或ctrl+shift+p),输入pcic出现Package Control:Install Package即为安装成功。

Sublime Text3安装、字体等个性设置及常用插件下载(Win10)


字体等个性设置

1.主题

     在Preferences标签下根据喜好改主题Color Scheme和Theme,可在https://sublime.wbond.net/browse/labels/theme下载更多主题。

Sublime Text3安装、字体等个性设置及常用插件下载(Win10)

2.字体字号

     在Preferences标签下选择Setting,在右侧框内添加如下代码,*分别改为所需字体和字号。

"font_face": "*",
"font_size": *,

常用插件

     插件下载方式:控制板→输入pcip回车→输入所需插件回车安装→关注右下角变化确定安装情况。

1.view in browser

     可将.html文件直接在浏览器中打开。值得注意的是该功能安装后虽然会显示在Tools下,但是点击并没有卵用,需要设置快捷键,所以在Preferences下点击Key Bindings在右侧输入如下代码即可(个人设置为ctrl+alt+v)。

{"keys": ["ctrl+alt+v"], "command": "open_in_browser"},

     另可在左侧窗口内查看所有快捷键设置。

2.Emmet

     Web开发必备,快速编写HTML和CSS,官网:https://emmet.io/

     安装完成后会跳出说明文档。但Emmet基于PyV8,所以会自动安装PyV8,但可能会失败需要手动安装。

     新建.html文件,输入英文字符按tab出现标签格式即为安装成功。

3.PyV8手动安装

     浏览器进入https://github.com/emmetio/pyv8-binaries,下载zip后解压,找到适合系统版本再解压,将解压出的两个文件粘贴到如下目录(随电脑不同可能略有差异,本人ASUS华硕):

               C:\Users\ASUS\AppData\Roaming\Sublime Text 3\Installed Packages\PyV8\pyv8-win64-p3

     若PyV8文件夹不存在则自己创建,若文件夹存在且有内容则全部删除再粘贴。

     然后重新启动软件会自动开始安装,注意关注左下角安装情况。

4.HTML5、CSS、JavaScript Completions、CSS Extended Completions ……

     根据需要安装即可。


          本文参考W3Cschool的Sublime Text使用手册编写,仅作为学习过程记录,更多内容可参考原文学习→https://www.w3cschool.cn/sublimetext/

相关标签: 前端