Sublime Text 安装与使用

SublimeText配置与前端开发

最新推荐文章于 2024-02-18 11:33:04 发布

原创最新推荐文章于 2024-02-18 11:33:04 发布 · 284 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#sublime text 安装与使用 #前端开发工具

开发工具专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用SublimeText进行前端开发环境配置，包括安装PackageControl、常用插件推荐及快捷键设置等，帮助开发者提高开发效率。

Sublime Text 是一个代码编辑器，支持多种编程语言，前端主流的开发编辑器。下载地址

1、插件管理 Package Control

（1）安装成功后，选择菜单栏 View > Show Console 调出控制台。

（2）输入代码

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

（3）安装成功，就可以在Preferences菜单下看到Package Settings和Package Control两个菜单。

（4）点击package control，输入install package 点击进入，输入插件名安装自己所需要的插件。

（5）若安装失败请移步 Package Control 手动安装

2、前端开发常用插件

（1）Emmet —- 自动补齐（略、、、）。

（2）SideBarEnhancements —- 浏览器预览、支持侧边栏。

（3）Alignment —- 代码对齐。

（4）JsFormat —- JS格式化的插件。

3、设置快捷键

以浏览器为例, Preferences菜单下key Bindings 在User里 贴入示例代码.

{ 
    "keys": ["command+r"], "command": "side_bar_files_open_with",
    "args": {
        "paths": [],
        "application": "/Applications/Google Chrome.app",
        "extensions":".*" 
    }
}

command+r 就可以调出谷歌浏览器了.