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进行保存

转载于:https://my.oschina.net/diqye/blog/735857