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

2021-01-23 20:14

阅读:725

标签:最新版   pci   out   digest   text3   utf-8   nodejs   方法   build   

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开发工具前端配置

标签:最新版   pci   out   digest   text3   utf-8   nodejs   方法   build   

原文地址:https://www.cnblogs.com/NovSheep/p/12066894.html


评论


亲,登录后才可以留言!