sublime自动识别html代码格式,Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...
本篇文章主要介绍在Sublime Text3中如何进行代码的格式化,以及去查看和设置Sublime默认的快捷键和插件的快捷键。
一、格式化html、css、js代码
1)首先我们使用Sublime自带的格式化功能,打开Sublime;
当然如果每次格式化代码你都要这样去找就会很麻烦,下面我们去给Reindent去添加快捷键Preferences-->Key Bindings;
点击Key Bindings之后就会看到设置快捷键的页面,在下图的右边添加快捷键,左边可以查看已经添加的快捷键,如下图所示:
之后就可以使用你设置的快捷键进行代码的格式化了。
2)使用HTML-CSS-JS Prettify插件进行代码的格式化
使用插件的话首先打开Package Control(Preference-->Package Control或者Ctrl+shift+p),选择Install Package:
之后搜索你要添加的插件,HTML-CSS-JS Prettify
添加这个插件之后,如果你之前没有配置之前会出现下面的提示(没有js环境):
所以你需要去官网去下载Node.js并且需要配置环境(与java的jdk配置一样:在电脑高级设置-->系统环境变量中的path中添加你的安装路径),然后检测是否安装成功,node --version;
最后设置Node.js的路径;
设置完之后就可以使用Ctrl+shift+h快捷键进行代码的格式化了
二、查看和设置插件的快捷键
1) Perferences-->Browse Packages可以看到你安装的插件的源文件
之后找到你要查看或者设置的插件(HTML-CSS-JS Perttify),打开Default(Windows).sublime-keymap;
在文件中修改插件的快捷键就行了
注意:因为我们有时候插件默认的快捷键与其他的快捷键重复,我们就不能通过快捷键使用插件,这样我们就需要修改重复的快捷键。
比如:当我们添加了ConvertToUTF8和ColorPicker(颜色选择器)两个插件,但两者默认的快捷键都是Ctrl+shift+c,所以我们必须修改其中的一个,快捷键才能使用。
2) 打开Package Control(Ctrl+shift+p)输入List Package ,就会将我们安装的所有插件罗列出来
然后找到对应的插件就会打开对应插件的源文件。
再添加一点卸载插件吧:
同样打开Package Control 输入Remove,找到下边的Remove Package ,之后找到对应插件就行了:
sublime自动识别html代码格式,Sublime Text3格式化html/css/js代码以及快捷键的查看与设置...相关推荐
- sublime多行变一行及sublime一键格式化html/css/js、光标快捷键移动行首行尾、删除空行
一.sublime多行变一行 1. Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行. 2.按Del键,删掉 \n 注: https://www.thinb ...
- sublime一键格式化html/css/js
1.使用快捷键ctrl+shift+p调出控制台,输入install package,然后输入html-css-js prettify,进行下载 2.下载完成后,在preference打开packag ...
- 代码风格统一: 使用husky, prettier, eslint在代码提交时自动格式化,并检查代码。...
引言 这个需求主要是组内成员用的编辑器不统一,代码风格也各异,所以在修改代码时,如果格式化了代码,在code review阶段很难分辨修改了的代码.当然,代码风格统一还有其他好处,这里就不不多废话了. ...
- 【小技巧】如何对混乱的HTML/CSS/JS代码进行格式化排版
如何对混乱的HTML/CSS/JS代码进行格式化排版 1. 将混乱的代码拷贝到一个文档中,通过NotePad++打开: 2.点开插件-插件管理: 3.搜索JSTool,并安装: 4.安装成功后会重启N ...
- 前端项目中使用js-beautify格式化、美化js代码
前端项目中使用js-beautify格式化.美化js代码 1.js-beautify介绍 很多网站的js,html,css代码做了混淆处理,导致难以阅读,这个时候js-beautify工具就可以派上用 ...
- VsCode使用Ctrl+S保存代码自动格式化Html/Css/JS
第一步:点击文件-首选项-设置(快捷键:Ctrl + ,) 第二步:在搜索框里面输入emmet,选择工作区 点击 在settings.json 中编辑(红色框的地方) 第三步,在settings.js ...
- java 怎么调用js代码_在Java中直接调用js代码
JDK1.6版添加了新的ScriptEngine类,允许用户直接执行js代码. 在Java中直接调用js代码 不能调用浏览器中定义的js函数,会抛出异常提示ReferenceError: " ...
- sublime插件 —— 一键美化HTML/CSS/JS代码
当我们在设计网页页面的时候,如果页面元素有很多,使用HTML-CSS-JS Prettify可以快速整理我们的代码结构,让代码缩进合适,删除多余的空格/空行,安装步骤如下. step1:使用Sub ...
- js html css代码缩进,HTML/CSS/JS代码格式化
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 我们在编辑器当中写代码的时候,可能因为编写时候不规范或者复制粘贴的操作导致代码格式混乱.我在之前采用的是JSFormat ...
最新文章
- DirectShow Filter 基础与简单的示例程序
- linux mysql 5.7.20_linux MySQL 5.7.20安装教程
- NER数据增强、badcase处理、数据优化
- python pytest setupclass_简单了解pytest测试框架setup和tearDown
- Another ORA-00600 internal error
- 《代码整洁之道 Clean Architecture》-读书笔记
- MySQL忘记密码后,修改
- LigerUI学习使用
- 力扣-543. 二叉树的直径
- 比Spark更适合工业互联网的数据库——热门时序数据库介绍与核心文档汇总【施工中,欢迎留言加入】
- ZZULIOJ 1030~1039(oj入门题)
- 简单工厂模式学习总结
- 微信小程序确认取消弹窗
- 【Scratch考级99图】图36-等级考试scratch绘制复杂图形中间带凸点正方形花 少儿编程 scratch画图案例教程
- python手游自动化测试流程_基于Python+appium的ios自动化测试demo(更新中)
- 操作系统(Linux)
- java8实战:使用流收集数据之toList、joining、groupBy(多字段分组)(1)
- 镁光nor flash 开源控制器调教记录
- SSO(Single Sign On)系列(一)--SSO简介
- linux系统安装telnet服务