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

Posted 2021-03-22 novsheep

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