windows系统下sublime text3开发工具前端配置

2019年10月2日 197次阅读 来源: clara89

1.打开https://www.sublimetext.com/3下载最新版Sublime Text 3安装。

2.打开packagecontrol安装方法按提示安装packagecontrol，或者直接打开view->Show Console在弹出的命令行中粘贴下面的代码片段，然后按回车等待packagecontrol安装完成：
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.安装插件方法：ctrl+shift+p调出面板，然后输入install Package 选中按enter键，在弹出的插件列表中选中要安装的插件安装，安装后重启编辑器即可应用。

4.常用的插件列表，如无特别说明则按照3的方法安装：

  1. 快捷编码插件Emmet：附 使用方法
  2. 编码设置utf-8插件： ConvertToUTF8，安装插件后自动转换为utf-8格式
  3. 侧边栏扩展插件：
    同步侧边栏背景色和编辑器一致：SyncedSidebarBg
    侧边栏右键扩展操作： SideBarEnhancements
  4. 代码对齐插件：Alignment，附配置方法
  5. 代码语法检查插件：SublimeLinter，安装此插件后再依次安装html,js,css的语法检查子插件，安装方法如下，前置安装node.js之后配合npm安装：

    1）html语法检查插件：SublimeLinter-contrib-htmlhint，选择最新安装包zip下载后解压到package文件夹中并重命名为SublimeLinter-contrib-htmlhint，打开nodejs的cmd命令窗口，输入npm install -g htmlhint@latest，安装完成html检查插件。

    2）js语法检查插件：SublimeLinter-jshint，packageControl搜索安装此插件后，打开nodejs的cmd命令窗口，输入npm install -g jshint完成安装。

    3）css语法检查插件：SublimeLinter-csslint，packageControl搜索安装此插件后，打开nodejs的cmd命令窗口，输入npm install -g csslint完成安装。

    SublimeLinter的配置参数及使用方法，常用提示主题风格参考gutter-themes

  6. 安装代码格式化插件HTML-CSS-JS Prettify，直接packageControl安装,右键选择对应操作进行代码的格式化，选择性安装以下两个格式化插件
    1）JS格式化：JsFormat
    2）css格式化：CSS Format
  7. 自动补全CSS浏览器前缀插件:Autoprefixer
  8. 编辑器汉化插件：ChineseLocalizations
  9. 编辑器中文输入法文字列表跟随光标插件：IMESupport，实测搜狗输入法正常但QQ输入法依旧不跟随
  10. 语法标签高亮提示：BracketHighlighter，如下图

《windows系统下sublime text3开发工具前端配置》

  1. 安装less语法支持：LESS
  2. Javascript, PHP, CoffeeScript等快捷注释插件：DocBlockr，使用方法为输入/**或/*按enter键
  3. 编辑器半透明插件：SublimeTextTrans，下载后解压到编辑器packages文件夹即可

    小结：本文记录了sublime使用过程中常用的配置及插件的安装使用方法，后续会继续补充

    原文作者：clara89
    原文地址: https://segmentfault.com/a/1190000014156842
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞