在.vue文件中img标签使用autofilename提示引入文件时,会在文件后面插入宽度高度,如下图:

文件后面会自动插入height和width,其实这两玩意儿在大多数时候并没卵用,然后就开始了百度之旅...

一番百度,github之后,并没有找到自己想要的答案,github上说可以配置afn_insert_dimensions,afn_insert_width_first。参考github github

实际实验之后发现被坑得很惨,这两货怎么改变好像都没啥卵用。然后想到了修改插件源码...(本人不懂Python,所以未去查看为啥修改配置不生效的问题)

操作步骤:

1. 首选项>浏览插件目录,在该目录新建文件夹"AutoFileName"(与插件文件一致),

2. 选择当前目录上一级(Sublime Text 3)>Installed Packages找到"AutoFileName.sublime-package",复制一份该文件到任意目录,修改文件后缀为.zip,用软件解压。

3.找到解压目录中"autofilename.py",复制一份到第一步新建的目录AutoFileName中。

4.修改复制的autofilename.py(左侧是源码,右侧是修改之后)

修改之后完整代码:

 import sublime
import sublime_plugin
import os
from .getimageinfo import getImageInfo class AfnShowFilenames(sublime_plugin.TextCommand):
def run(self, edit):
FileNameComplete.is_active = True
self.view.run_command('auto_complete',
{'disable_auto_insert': True,
'next_completion_if_showing': False}) class AfnSettingsPanel(sublime_plugin.WindowCommand):
def run(self):
use_pr = '✗ Stop using project root' if self.get_setting('afn_use_project_root') else '✓ Use Project Root'
use_dim = '✗ Disable HTML Image Dimension insertion' if self.get_setting('afn_insert_dimensions') else '✓ Auto-insert Image Dimensions in HTML'
p_root = self.get_setting('afn_proj_root') menu = [
[use_pr, p_root],
[use_dim, '<img src="_path_" width = "x" height = "y" >']
]
self.window.show_quick_panel(menu, self.on_done) def on_done(self, value):
settings = sublime.load_settings('autofilename.sublime-settings')
if value == 0:
use_pr = settings.get('afn_use_project_root')
settings.set('afn_use_project_root', not use_pr)
if value == 1:
use_dim = settings.get('afn_use_project_root')
settings.set('afn_use_project_root', not use_dim) def get_setting(self,string,view=None):
if view and view.settings().get(string):
return view.settings().get(string)
else:
return sublime.load_settings('autofilename.sublime-settings').get(string) # Used to remove the / or \ when autocompleting a Windows drive (eg. /C:/path)
class AfnDeletePrefixedSlash(sublime_plugin.TextCommand):
def run(self, edit):
sel = self.view.sel()[0].a
reg = sublime.Region(sel-4,sel-3)
self.view.erase(edit, reg) # inserts width and height dimensions into img tags. HTML only
class InsertDimensionsCommand(sublime_plugin.TextCommand):
this_dir = '' def insert_dimension(self,edit,dim,name,tag_scope):
view = self.view
sel = view.sel()[0].a if name in view.substr(tag_scope):
reg = view.find('(?<='+name+'\=)\s*\"\d{1,5}', tag_scope.a)
view.replace(edit, reg, '"'+str(dim))
else:
dimension = str(dim)
view.insert(edit, sel+1, ' '+name+'="'+dimension+'"') def get_setting(self,string,view=None):
if view and view.settings().get(string):
return view.settings().get(string)
else:
return sublime.load_settings('autofilename.sublime-settings').get(string) def insert_dimensions(self, edit, scope, w, h):
view = self.view if self.get_setting('afn_insert_width_first',view):
self.insert_dimension(edit,h,'height', scope)
self.insert_dimension(edit,w,'width', scope)
else:
self.insert_dimension(edit,w,'width', scope)
self.insert_dimension(edit,h,'height', scope) # determines if there is a template tag in a given region. supports HTML and template languages.
def img_tag_in_region(self, region):
view = self.view # handle template languages but template languages like slim may also contain HTML so
# we do a check for that as well
return view.substr(region).strip().startswith('img') | ('<img' in view.substr(region)) def run(self, edit):
view = self.view
view.run_command("commit_completion")
sel = view.sel()[0].a if not 'html' in view.scope_name(sel): return
scope = view.extract_scope(sel-1) # if using a template language, the scope is set to the current line
tag_scope = view.line(sel) if self.get_setting('afn_template_languages',view) else view.extract_scope(scope.a-1) path = view.substr(scope)
if path.startswith(("'","\"","(")):
path = path[1:-1] path = path[path.rfind(FileNameComplete.sep):] if FileNameComplete.sep in path else path
full_path = self.this_dir + path if self.img_tag_in_region(tag_scope) and path.endswith(('.png','.jpg','.jpeg','.gif')):
with open(full_path,'rb') as r:
read_data = r.read() if path.endswith(('.jpg','.jpeg')) else r.read(24)
w, h = getImageInfo(read_data) self.insert_dimensions(edit, tag_scope) # When backspacing through a path, selects the previous path component
class ReloadAutoCompleteCommand(sublime_plugin.TextCommand):
def run(self,edit):
view = self.view
view.run_command('hide_auto_complete')
view.run_command('left_delete')
sel = view.sel()[0].a scope = view.extract_scope(sel-1)
scope_text = view.substr(scope)
slash_pos = scope_text[:sel - scope.a].rfind(FileNameComplete.sep)
slash_pos += 1 if slash_pos < 0 else 0 region = sublime.Region(scope.a+slash_pos+1,sel)
view.sel().add(region) class FileNameComplete(sublime_plugin.EventListener):
def on_activated(self,view):
self.showing_win_drives = False
FileNameComplete.is_active = False
FileNameComplete.sep = '/' def get_drives(self):
# Search through valid drive names and see if they exist. (stolen from Facelessuser)
return [[d+":"+FileNameComplete.sep, d+":"+FileNameComplete.sep] for d in "ABCDEFGHIJKLMNOPQRSTUVWXYZ" if os.path.exists(d + ":")] def on_query_context(self, view, key, operator, operand, match_all):
if key == "afn_insert_dimensions":
return self.get_setting('afn_insert_dimensions',view) == operand
if key == "afn_deleting_slash": # for reloading autocomplete
sel = view.sel()[0]
valid = self.at_path_end(view) and sel.empty() and view.substr(sel.a-1) == FileNameComplete.sep
return valid == operand
if key == "afn_use_keybinding":
return self.get_setting('afn_use_keybinding',view) == operand def at_path_end(self,view):
sel = view.sel()[0]
name = view.scope_name(sel.a)
if sel.empty() and 'string.end' in name:
return True
if '.css' in name and view.substr(sel.a) == ')':
return True
return False def on_modified(self, view):
sel = view.sel()[0].a
txt = view.substr(sublime.Region(sel-4,sel-3))
if (self.showing_win_drives and txt == FileNameComplete.sep):
self.showing_win_drives = False
view.run_command('afn_delete_prefixed_slash') def on_selection_modified_async(self,view):
if not view.window():
return
sel = view.sel()[0]
if sel.empty() and self.at_path_end(view):
scope_contents = view.substr(view.extract_scope(sel.a-1))
p = scope_contents.replace('\r\n', '\n').split('\n')[0]
if('\\' in p and not '/' in p):
FileNameComplete.sep = '\\'
else:
FileNameComplete.sep = '/'
if view.substr(sel.a-1) == FileNameComplete.sep or len(view.extract_scope(sel.a)) < 3:
view.run_command('auto_complete',
{'disable_auto_insert': True,
'next_completion_if_showing': False})
else:
FileNameComplete.is_active = False def fix_dir(self,sdir,fn):
if fn.endswith(('.png','.jpg','.jpeg','.gif')):
path = os.path.join(sdir, fn)
with open(path,'rb') as r:
read_data = r.read() if path.endswith(('.jpg','.jpeg')) else r.read(24)
w, h = getImageInfo(read_data)
return fn+'\t'+'w:'+ str(w) +" h:" + str(h)
return fn def get_cur_path(self,view,sel):
scope_contents = view.substr(view.extract_scope(sel-1)).strip()
cur_path = scope_contents.replace('\r\n', '\n').split('\n')[0]
if cur_path.startswith(("'","\"","(")):
cur_path = cur_path[1:-1] return cur_path[:cur_path.rfind(FileNameComplete.sep)+1] if FileNameComplete.sep in cur_path else '' def get_setting(self,string,view=None):
if view and view.settings().get(string):
return view.settings().get(string)
else:
return sublime.load_settings('autofilename.sublime-settings').get(string) def on_query_completions(self, view, prefix, locations):
is_proj_rel = self.get_setting('afn_use_project_root',view)
valid_scopes = self.get_setting('afn_valid_scopes',view)
blacklist = self.get_setting('afn_blacklist_scopes', view)
uses_keybinding = self.get_setting('afn_use_keybinding', view) sel = view.sel()[0].a
this_dir = ""
completions = [] if uses_keybinding and not FileNameComplete.is_active:
return
if not any(s in view.scope_name(sel) for s in valid_scopes):
return
if any(s in view.scope_name(sel) for s in blacklist):
return cur_path = os.path.expanduser(self.get_cur_path(view, sel)) if cur_path.startswith('/') or cur_path.startswith('\\'):
if is_proj_rel:
proot = self.get_setting('afn_proj_root', view)
if proot:
if not view.file_name() and not os.path.isabs(proot):
proot = "/"
cur_path = os.path.join(proot, cur_path[1:])
else:
for f in sublime.active_window().folders():
if f in view.file_name():
cur_path = f
elif not view.file_name():
return
else:
this_dir = os.path.split(view.file_name())[0]
this_dir = os.path.join(this_dir, cur_path) try:
if sublime.platform() == "windows" and len(view.extract_scope(sel)) < 4 and os.path.isabs(cur_path):
self.showing_win_drives = True
return self.get_drives()
self.showing_win_drives = False
dir_files = os.listdir(this_dir) for d in dir_files:
if d.startswith('.'): continue
if not '.' in d: d += FileNameComplete.sep
completions.append((self.fix_dir(this_dir,d), d))
if completions:
InsertDimensionsCommand.this_dir = this_dir
return completions
return
except OSError:
print("AutoFileName: could not find " + this_dir)
return

注意:修改这里代码之后,将在所有文件里面都不会再插入宽度高度!!!

sublime text 3插件改造之AutoFileName去掉.vue文件中img标签后面的width和height,完全去掉!!的更多相关文章

  1. sublime text 3插件改造之添加从模版新增文件到指定目录

    简介:以前使用ST2里面的Sublime NFFT插件比较顺手,最近安装了ST3,但是Sublime NFFT插件不支持ST3,就下载了SublimeTmpl从模版新建文件插件.在使用时,习惯在侧边栏 ...

  2. 推荐!Sublime Text 最佳插件列表

    本文由 伯乐在线 - 艾凌风 翻译,黄利民 校稿.英文出处:ipestov.com.欢迎加入翻译组. 本文收录了作者辛苦收集的Sublime Text最佳插件,很全. 最佳的Sublime Text ...

  3. Sublime Text 3 插件、主题、配置

    换电脑,Sublime Text 3 重新配置一遍,做个记录 1. 下载:http://www.sublimetext.com/3 2. 插件管理器 Package Control (Ctrl + ` ...

  4. Sublime Text 最佳插件列表

    http://blog.jobbole.com/79326/ 推荐!Sublime Text 最佳插件列表 2014/07/25 · 工具与资源 · 26.1K 阅读 · 2 评论 · Sublime ...

  5. 开发者常用的 Sublime Text 3 插件

    1.官网下载 Sublime Text 3 (已有安装包的,请忽略) Sublime Text 官网下载地址 : http://www.sublimetext.com/ 2.打开 Sublime Te ...

  6. Sublime Text通过插件编译Sass为CSS及中文编译异常解决

    虽然PostCSS才是未来,但是Sass成熟稳定,拥有一大波忠实的使用者,及开源项目,且最近Bootstrap 4 alpha也从Less转到Sass了.所以了解Sass还是非常有必要的. 基于快速开 ...

  7. 开发者最常用的 8 款 Sublime Text 3 插件

    转载于:http://www.itxuexiwang.com/a/liunxjishu/2016/0228/177.html?1456925631Sublime Text作为一个尽为人知的代码编辑器, ...

  8. 安装Sublime Text 3插件的方法

    直接安装 安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Contr ...

  9. Sublime Text 3 插件安装及Vim 模式设置

    1.安装Sublime Text 3  下载安装:http://www.sublimetext.com/3 Package Control安装:https://sublime.wbond.net/in ...

随机推荐

  1. JS中的逻辑运算符&&、||

    原文:JS中的逻辑运算符&&.|| 1.JS中的||符号: 运算方法: 只要"||"前面为false,不管"||"后面是true还是false, ...

  2. string.Compare()方法

    判断字符串中是否包含一个值 返回一个值,该值指示指定的 String 对象是否出现在此字符串中. String a = "abcd"; if(source.a("a&qu ...

  3. .net core 读取、修改配置文件appsettings.json

    .net core 设置读取JSON配置文件 appsettings.json Startup.cs 中 public class Startup { public Startup(IHostingE ...

  4. win10 mars xlog编译

    win10 mars xlog编译   一. 环境准备 安装 cmake 以及 python2.7, 以及下载 ndk-r16b,并配置环境变量 NDK_ROOT 指向 ndk 路径. 如果是 Win ...

  5. 2019三六零 java面试笔试题 (含面试题解析)

    本人3年开发经验.18年年底开始跑路找工作,在互联网寒冬下成功拿到阿里巴巴.今日头条.360等公司offer,岗位是Java后端开发,最终选择去了三六零. 面试了很多家公司,感觉大部分公司考察的点都差 ...

  6. P2801 教主的魔法 (线段树)

    题目 P2801 教主的魔法 解析 成天做水题 线段树,第一问区间加很简单 第二问可以维护一个区间最大值和一个区间最小值,若C小于等于区间最小值,就加上区间长度,若C大于区间最大值,就加0 ps:求教 ...

  7. eyoucms 模板

    https://www.oschina.net/p/eyoucms 下载模板 https://www.eyoucms.com/doc/operation/ 学习手册

  8. 创建Spring boot project报错:Project build error: Non-resolvable parent POM for xxx:0.0.1-SNAPSHOT: Could not transfer artifact org.springframework.boot:spring-boot-starter-parent

    刚开始创建Spring boot项目时,pom.xml文件时报如下图错误: 在网上百度的说让更新下Maven的update project,我试了没用,最后将version版本改了就行了,我原来版本是 ...

  9. SocksCap代理

    所有Windows应用都可以使用Socks代理上网,即使不支持Socks代理的应用也可以用Socks代理上网 配置代理 点击"添加",代理类型可以修改, 支持代理测试 运行程序 点 ...

  10. 使用 chroot 建立沙盒环境

    使用 chroot 建立沙盒环境 chroot 提供了更改当前进程及其子进程的可见根目录的操作,运行在此隔离环境中的应用程序无法访问新的目录树之外的文件和命令.这样的隔离环境称作 chroot 监狱( ...