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

Posted novsheep

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了windows系统下sublime text3开发工具前端配置相关的知识,希望对你有一定的参考价值。

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调出面板,在弹出的输入框内输入pcip,选中Package Control:Install Package选项,回车,在弹出的输入框中输入插件名字即可安装。,安装后重启编辑器即可应用。

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输入法依旧不跟随

以上是关于windows系统下sublime text3开发工具前端配置的主要内容,如果未能解决你的问题,请参考以下文章

Sublime Text3在Windows下怎样运行PHP代码

windows下Sublime Text3 java开发环境的配置

Sublime Text3 快捷键汇总

sublime text3配置python开发环境(windows版)

CentOS 7安装Sublime text3

Sublime Text3 C++及Java开发环境配置