首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

让ATOM编辑器的EMMET插件支持VUE文件的方法

因为这是免费的,并且和GIT配合非常好用。关键的是可以从sublime无缝的转换到这个编辑器来使用。 有一个问题就是,我们在编辑.vue这样的文件的时候,emmet语法得不到支持。这让我很憋屈。...我的环境是MAC,但应该在windows和linux下是一样的才对。 进入终端编辑配置文件 vim ~/.atom/keymap.cson 这个文件默认有大段的注释。...不用管,我们把光标放到最后一行,按 o 在最后一行后面再插入一行,将下面的代码粘贴进去 'atom-text-editor[data-grammar~="vue"]:not([mini])':...'tab': 'emmet:expand-abbreviation-with-tab' 然后按 esc退出编辑模式,再输入:wq保存退出,然后重启atom。...然后你就会发现,在.vue的文件下面,支持emmet语法啦 原资料出处:https://github.com/emmetio/emmet-atom/issues/364

49210
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    linux创建文件命令vim_vim文件

    大家好,又见面了,我是你们的朋友全栈君。...创建文件【vi】 一、进入vi的命令 vi filename :打开或新建文件,并将光标置于第一行首 vi +n filename :打开文件,并将光标置于第n行首 vi + filename :打开文件...,并将光标置于最后一行首 vi +/pattern filename:打开文件,并将光标置于第一个与pattern匹配的串处 vi -r filename :在上次正用vi编辑时发生系统崩溃,恢复filename...n-1个字 do:删至行首 d$:删至行尾 ndd:删除当前行及其后n-1行 x或X:删除一个字符,x删除光标后的,而X删除光标前的 Ctrl+u:删除输入方式下所输入的文本 六、搜索及替换命令 /pattern...其中:wq和:x是存盘退出,而:q是直接退出,如果文件已有新的变化,vi会提示你保存文件而:q命令也会失效,这时你可以用:w命令保存文件后再用:q退出,或用:wq或:x命令退出,如果你不想保存改变后的文件

    6.9K30

    打造前端MAC工作站(四)配置 Atom 编辑器

    Atom 的有一个比较大的缺点,就是打开大文件的时候会比较卡。除此之外,我感觉它还是非常好用的。...我们点击进去,就进入到了 emmet 的简介网页。我们在这个网页上点击Repo进入到插件对应的github仓库中,如下图所示: ?...如,emmet的地址就是https://github.com/emmetio/emmet-atom 下载并安装插件 我们打开终端,输入下面的命令 # 进入atom插件安装目录 cd ~/.atom/packages...安装上就好 color-picker 调色板,css必备 simplified-chinese-menu 汉化插件,国人必备 atom-jquery jquery必备 atom-vue vue必备 linter-eslint...代码检查神器 atom-vim-mode-plus VIM模式,vim高手必备,新手勿装 简单使用的话,这些插件应该是够用了,如果不够用的话,可以搜索一下相关的需要的关键词,看看有没有合适的,或者问问其他使用

    1.7K60

    vim配置即.vimrc文件的配置及vim操作技巧

    启动Vim vim -c cmd file: 在打开文件前,先执行指定的命令; vim -r file: 恢复上次异常退出的文件; vim -R file: 以只读的方式打开文件,但可以强制保存; vim...-M file: 以只读的方式打开文件,不可以强制保存; vim -y num file: 将编辑窗口的大小设为num行; vim + file: 从文件的末尾开始; vim +num file: 从第...vim --remote file: 用已有的vim进程打开指定的文件。 如果你不想启用多个vim会话,这个很有用。...编辑特殊文件 12.1 文件加解密 vim -x file: 开始编辑一个加密的文件。 :X -- 为当前文件设置密码。 :set key= -- 去除文件的密码。...其它 15.1 工作目录 :pwd 显示vim的工作目录。 :cd path 改变vim的工作目录。 :set autochdir 可以让vim 根据编辑的文件自动切换工作目录。

    4.1K11

    打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器

    这里需要注意的是,并非你搜索的关键词的最好的插件就会排在第一个,你可以上下滚动了看看,哪个的下载量大,就下载哪个,比如上图中emmet的下载量是 1058534,一百多万人下载,那应该是没有问题的,...我们点击进去,就进入到了 emmet 的简介网页。我们在这个网页上点击Repo进入到插件对应的github仓库中,如下图所示: ?...如,emmet的地址就是https://github.com/emmetio/emmet-atom 下载并安装插件 我们打开终端,输入下面的命令 # 进入atom插件安装目录 cd ~/.atom/packages...安装上就好 color-picker 调色板,css必备 simplified-chinese-menu 汉化插件,国人必备 atom-jquery jquery必备 atom-vue vue必备 linter-eslint...代码检查神器 atom-vim-mode-plus VIM模式,vim高手必备,新手勿装 简单使用的话,这些插件应该是够用了,如果不够用的话,可以搜索一下相关的需要的关键词,看看有没有合适的,或者问问其他使用

    2.2K80

    禁止vim生成临时文件,vim 禁止生成swap文件

    最近正在开发针对文件系统的缓存系统;在进行针对vim适配POSIX接口时,发现vim进行编辑文件时会产生swap文件;虽然这是vim为防止丢失和提高性能的一种措施,但是对开发的过程带来了不必要的麻烦。...set noswapfile 表示不创建临时交换文件 set nowritebackup 表示编辑的时候不需要备份文件 set noundofile 表示不创建撤销文件 参考文档:禁止 Vim 生成临时文件...补充1:当然在针对gedit适配的时候,也会产生临时文件。...但是因为gedit是图形界面软件,所以可以直接配置;vim还需要通过配置文件配置,这就是配置文件不方便的地方。...补充2:我之前也写过针对vim的教程,并在github上上传了常用的vim配置文件,具体教程请参考:Linux :Vim 使用与配置 (附 GitHub 自动化配置脚本)

    3K10

    提高你的编码效率

    市面的编辑工具五花八门,简单的有sublime, notepad++, vim, Atom等,复杂的有webstorm, pycharm,eclipse, visual studio, Android...在你用任何方式引入文件系统中的路径时提供智能提示和自动完成 VueHelper Vue2代码段(包括Vue2 api、vue-router2、vuex2) HTML Snippets 各种 HTML 标签片段...开发生态必备插件(官方推荐),处理的是.vue 文件,支持 Syntax Highlighting, Emmet 2.0,Snippet,Foramtting,IntelliSense,Linting...代码跟踪 vue peek 用于跟踪vue.js代码的工具 代码片段比对 Partial Diff 对比两段代码或文件 讲了这么多插件,那这些插件怎么配置呢?...配置emmet是否启用tab展开缩写 "emmet.triggerExpansionOnTab": true, // 配置emmet对文件类型的支持,比如vue后缀文件按照html文件来进行emmet

    1.7K10

    vim加密文件「建议收藏」

    一、加密文件内容 vim gt-1.sh 输入:X 注意是大写的X 输入密码 然后,保存 再次访问,需要输入密码 如果输入密码错误,内容显示为乱码 用cat或more查看文件内容,显示为乱码...;用vi重新编辑这个文件,会提示输入密码,如果输入的密码不正确,同样会显示为乱码!...二、 解密用vim加密的文件(前提是你知道加密的密码): 1) 用vim打开文件如text.txt,要输入正确的密码,然后在编辑时,将密码设置为空,方法是输入下面的命令: :set key= 然后直接回车...,保存文件后,文件已经解密了。...2) 或者这样也行: 在正确打开文件后用 “:X” 指令,然后给一个空密码也可以。 两种方法实际上效果是一样的。

    77151

    Atom的一些操作

    Emmet  能够基于Emmet语法产生HTML,做过前段开发的不会不知道这个插件吧。好用到哭。 Atom Beautify    代码格式化工具,可以设置在保存时自动格式化,别提有多方便了。...vim-mode    vim死忠粉必备插件。 git-plus    让你轻松的在编辑器里管理你的git项目,各种常用git功能,信手拈来。...Linter Jshint    帮助你编写专业的js代码,js开发者必备插件。 language-vue .vue文件代码高亮,安装完可能只有标签高亮,设置如下,即可全部代码高亮。...#'atom-text-editor[data-grammar~="vue"]:not([mini])': #  'tab': 'emmet:expand-abbreviation-with-tab'...通过Ctrl+T或Ctrl+P来搜索目录中的文件  * 通过Ctrl+B来搜索一个当前打开的文件  * 通过Ctrl+Shift+B来搜索一个新建的或更改过的文件 当然这些功能也都支持模糊查询  如果你需要在搜索时过滤掉一些特定的文件

    74330

    使用VIM搜索多个文件

    大家好,又见面了,我是你们的朋友全栈君。 使用vim可以方便的搜索多个文件,这个时侯需要使用的命令是:vimgrep。vimgrep的命令格式是: :vim[grep][!]...是在你要放弃当前文件的修改时使用。 {pattern}是需要搜索的内容。 {file}是需要搜索的文件。...比如命令: :vimgrep /an error/ *.c 就是在所有的.c文件中搜索an error。 vimgrep会产生一个error list,其实就是搜索结果列表。...并会打开第一个符合的文件中第一个符合的位置。 使用命令: cnext可以看下一个符合的位置。 clist可以浏览符合的位置列表。 cc [nr]可以查看第nr个位置。...可以使用vim的help查看相关的命令格式: help vimgrep,help cnext ,help clist, help cc,help cp 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人

    2K10

    vim 配置文件 .vimrc

    为了更好的在vim下进行工作,需要手动设置一个配置文件:.vimrc。...在启动vim时,当前用户根目录下的.vimrc文件会被自动读取,该文件可以包含一些设置甚至脚本, 所以,一般情况下把.vimrc文件创建在当前用户的根目录下比较方便,即创建的命令为: vi ~/.vimrc...------------------------------- vim编码方面的基础知识: 1,存在3个变量: encoding—-该选项使用于缓冲的文本(你正在编辑的文件),寄存器,Vim 脚本文件等等...你可以把 ‘encoding’ 选项当作是对 Vim 内部运行机制的设定。 fileencoding—-该选项是vim写入文件时采用的编码类型。...第二个关键点决定着从文件读取内容和写入内容到文件 时使用的编码,而此关键点则决定vim输出内容到终端时使用的编码,如果此编码类型和终端认为它收到的数据的编码类型不同,则又会产生乱码问题。

    2.6K40
    领券