emacs web-mode+yasnippet 初次使用笔记

想用emacs写html,今天试了下 web-mode这个包 使用use-package初始化

(use-package web-mode
:ensure t
:init (progn
(add-to-list 'auto-mode-alist '("\\.html?\\'" . web-mode))))

打开html文件 会自动使用web-mode模式

使用HTML模板

C-c h 可以查看当前模式下的快捷键和绑定的命令函数

C-c C-s insert snippet 输入html 自动生产html5模板

标签合并,展开

C-c C-f toggle folding on a tag/block

yasnippet的使用

这个包可以定制模板和快捷输入
初始化

(use-package auto-yasnippet
:ensure t
:bind (("s-2" . aya-create)
("s-3" . aya-expand)))

如果想写以下代码

function makediv(){
return document.createElement("div");
}
function makespan(){
return document.createElement("span");
}
function makeem(){
return document.createElement("em");
}

1 写模板

function make~div(){
return document.creatElement("~div")
}

2 选中-按s-2(aya-create)

3 使用模板s-3(aya-expand) 光标会自动停留在你需要输入的地方

yasnippet代码片段

yas-new-snippet

yas-load-snippet-buffer 选择mode进行保存