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的方法安装:
- 快捷编码插件Emmet:附 使用方法
- 编码设置utf-8插件: ConvertToUTF8,安装插件后自动转换为utf-8格式
- 侧边栏扩展插件:
同步侧边栏背景色和编辑器一致:SyncedSidebarBg
侧边栏右键扩展操作: SideBarEnhancements - 代码对齐插件:Alignment,附配置方法
- 代码语法检查插件: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
- 安装代码格式化插件HTML-CSS-JS Prettify,直接packageControl安装,右键选择对应操作进行代码的格式化,选择性安装以下两个格式化插件
1)JS格式化:JsFormat
2)css格式化:CSS Format - 自动补全CSS浏览器前缀插件:Autoprefixer
- 编辑器汉化插件:ChineseLocalizations
- 编辑器中文输入法文字列表跟随光标插件:IMESupport,实测搜狗输入法正常但QQ输入法依旧不跟随