emmet

使用 vscode 开发 vue, 必不可少的插件包括 vetur , prettier vetur 提供了下面一系列的功能： Features Syntax-highlighting 高亮 Snippet 代码片段 Emmet 缩写语法 Linting / Error Checking 代码格式检查 Formatting 代码格式化 Auto Completion 自动补全 Debugging debug 这些功能挺齐全了，但是 vetur 使用的代码格式化工具是 prettier ，所以如果不安装 prettier 的话也是不能正常完成格式化的。 不过 prettier 的默认是 tab 占两个空格，不符合我的习惯，所以要改成 4 个空格。 另外 vscode 自身的 html 和 js 的格式化就已经挺符合我的习惯了，因此也改为使用 vscode 的。 最终的设置如下： "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.ts": "vscode-typescript", "vetur.format.defaultFormatter.css

For example, in the codes of zen-coding, the "C-j" shadows the normal behavior of "C-j" ( newline-and-indent ) (define-key zencoding-mode-keymap (kbd "C-j") 'zencoding-expand-line) Then how can I unset this keybinding and use C-j for newline-and-indent again? I tried this, but it doesn't work: (add-hook 'html-mode-hook (lambda () (progn (zencoding-mode) (local-set-key (kbd "C-j") 'newline-and-indent)))) Does anyone have ideas about this? The general way to unbind a key (for any keymap) is to define a binding of nil : (define-key KEYMAP KEY nil) For convenience, there are also two standard

emmet 是一个提高前端开发效率的一个工具。 emmet允许在html、xml、和css等文档中输入缩写，然后按tab键自动展开为完整的代码片段。 一、Sublime Text 3 安装插件Emmet 点击菜单栏的首选项 ->Package Control -> 在弹出命令行中输入ip，在列表中点击“install Package” -> 弹出命令行输入框，输入“emmet”进行安装 本人安装完后提示 Error while loading PyV8 binary:exit code 4 Try to manually install PyV8 from https://github.com/emmetio/pyv8-binaries 解决方法： 按提示打开https://github.com/emmetio/pyv8-binaries，选择自己版本下载pyv8，本人下载pyv8-win64-p3.zip。 点击Sublime Text 3菜单栏的首选项->浏览插件目录，打开Packages目录，再切换到上一层Installed Packages目录， 新建目录PyV8，把pyv8-win64-p3.zip解压后的文件放进去，重启ST编辑器。 二、emmet的用法 emmet插件的官方文档： https://docs.emmet.io/abbreviations/syntax/

css 缩写 对于CSS语法，Emmet有许多用于属性的预定义代码段。例如，您可以扩展 m 缩写以获取 margin: ; 代码段。 要获取 margin: 10px; 您可以简单地扩展 m10 缩写。 需要多个值:使用连字符将它们分开： m10-20 展开为 margin: 10px 20px; 。 负值：第一个值前面加上连字符，所有其他值后面加上双连字符： m-10--20 扩展为 margin: -10px -20px; 值和单位 默认情况下，当您使用整数值扩展缩写词时，Emmet会以以下px单位输出它：m10→ margin: 10px;。 如果要使用浮点值扩展缩写，则以em单位输出m1.5→ margin: 1.5em;。 但是，您只需在值后面紧跟任何字母字符即可显式提供单位名称：m1.5ex→ margin: 1.5ex;，m10foo→ margin: 10foo;。 如果您要明确定义单位，则不再需要使用连字符来分隔值：m10ex20em→ margin: 10ex 20em;，m10ex-5→ margin: 10ex -5px;。 值别名 Emmet具有一些常用值的别名： p → % e → em x → ex 您可以使用别名代替完整的单位： w100p → width: 100% m10p30e5x → margin: 10% 30em 5ex 颜色值

HTML缩写 Emmet使用类似于CSS选择器的语法来描述元素在生成的树中的位置和元素的属性。 元素 您可以使用元素的名字，如div或p以生成 HTML标签。 Emmet没有一组预定义的可用标签名称，您可以编写任何单词并将其转换为标签：div→ ，foo→ 等。 嵌套运算符 嵌套运算符用于将缩写元素放置在生成的树内：是否将其放置在context元素内或附近。 父子元素 > 您可以使用 > 运算符将元素相互嵌套： div>ul>li <div> <ul> <li></li> </ul> </div> 兄弟元素 + 使用 + 运算符将元素彼此放置在同一水平上： div+p+bq <div></div> <p></p> <blockquote></blockquote> 爬升 ^ 使用^运算符，您可以将树爬上一层并更改上下文，其中应显示以下元素： div+div>p>span+em^bq <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div> 可以根据需要使用任意多个^运算符，每个运算符将上移一个级别： 乘法 * 使用*运算符，您可以定义元素应输出多少次： ul>li*5 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <

Sublime Text 是一款流行的代码编辑器软件，也是HTML和散文先进的文本编辑器，可运行在Linux，Windows和Mac OS X。也是许多程序员喜欢使用的一款文本编辑器软件。下面就重点介绍一下Sublime Text相关的实用技能。 插件安装 Sublime3插件方法 方法1：直接安装 安装Sublime text 3插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->Browse Packages）。 方法2：使用Package Control组件安装 按Ctrl+ `(此符号为tab按键上面的按键) 调出console（注：避免热键冲突） 粘贴以下代码到命令行并回车： import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime