整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

分享一个Sublime Text 自动补全图片路径插

分享一个Sublime Text 自动补全图片路径插件

ublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。

做为一个资深前端来说编辑器上如果没有文件路径提示的话那未免有些太鸡肋了。所以分享一个路径提示的插件,先看一下使用效果吧

路径自动提示出来了,可以省去手动敲文件夹名称,也可以避免手敲出错。

安装方法

步骤一:

我们首先安装Package Control插件(Package Control 插件是一个方便 Sublime text 管理插件的插件),已安装过的可以直接跳过此步骤。

从菜单 View - Show Console 或者 ctrl + ~ 快捷键,调出 console。

Sublime Text 3 输入:

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.wbond.net/' + pf.replace(' ','%20')).read())

Sublime Text 2 输入:

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

安装完成之后进行下一步。

步骤二:

在软件界面按Ctrl+Shift+P调出Package Control的命令框

输入以上内容,然后鼠标点击第一个,然后左下角会出现下图所示的内容

等待加载插件库列表,加载完之后会弹出选择框然后输入AutoFileName点击安装

到这里Sublime Text3版本的可以直接使用了,Sublime Text 2 版本的进行下一步

步骤三:

菜单栏依次点开Preferences->Package Settings->AutoFileName->Settings - User把以下代码复制进去

{

"auto_complete_triggers":

[

{

"characters": "<",

"selector": "text.html"

},

{

"characters": "/",

"selector": "string.quoted.double.html,string.quoted.single.html, source.css"

}

]

}

好了,到此已经大功告成,让你键盘上的小手飞速跳动起来吧!

如果本文对你有用的话请不要忘记分享关注哦!谢谢观看!

买mate40,但总是抢不到,所以想试着能不能写个脚本代码。

第一步:把想要抢购的商品加进购物车,注意:脚本是对购物车内全部商品进行下单操作,所以不够买的商品最好先从购物车内删除。
第二步:写好Python脚本,在抢购之前运行,并设置好抢购时间。

私信小编01即可获取大量python学习资源

Python脚本实现

  • 安装Python。我安装的是anaconda
  • 安装webdriver扩展。它是Selenium模块的一部分。Selenium是一个用于Web应用程序测试的工具,用于测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。所以其实就是安装Selenium:Win+R,输入cmd,在命令行中输入pip show selenium
  • 安装chrome浏览器(因为我用的是谷歌)
  • 安装chromedriver。它是chrome的插件,是为了webDriver能通过操作chromedriver来控制chrome浏览器自动操作,如打开网页,点击按钮等操作。

下载地址:

http://chromedriver.storage.googleapis.com/index.html或者https://npm.taobao.org/mirrors/chromedriver/

**注意:下载时要根据电脑系统和chrome浏览器版本来选择对应的chromedriver版本。**可以通过浏览器右上角的三点→帮助→关于Google Chrome来查看自己的chrome版本。


下载chromedriver安装包后,进行解压,放在chrome安装的同级目录下,同时在环境变量PATH中添加路径。


然后用以下代码检验是否安装成功:


然鹅,此时我遇到了错误,如下


于是,我把chromedriver.exe放到了我python脚本的文件夹后,就完美解决问题了!


【补充】
我知道自己为什么出现上面那个错误了,因为路径没输入!
在下图所示红框处输入自己的下载的chromedriver安装路径即可成功运行。

完整的Python脚本代码如下:

SCode的HTML Boilerplate插件是一个方便的工具,它可以帮助你更快地创建HTML文件,而无需每次都手动编写完整的HTML结构。以下是该插件的使用方法的详细说明:

  1. 安装插件: 打开VSCode。 点击左侧工具栏的最后一项“扩展”图标(或使用快捷键Ctrl+Shift+X在Windows或Linux上,Cmd+Shift+X在Mac上)。 在搜索框中输入“HTML Boilerplate”。 从搜索结果中找到HTML Boilerplate插件,并点击“安装”按钮。



  1. 使用插件: 安装完成后,你可以通过以下两种方式之一来使用HTML Boilerplate插件: 在新的空文件中输入“html”,然后按Tab键。这将自动生成一个干净的HTML文档结构。 在新的空文件中输入“!”,然后按Tab键或Enter键。同样,这也会生成一个初始的、干净的HTML文档结构。

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

  1. 生成的HTML结构: 使用HTML Boilerplate插件生成的HTML结构通常包括基本的HTML标签,如<html>, <head>, <title>, <body>等。这为你提供了一个良好的起点,以便你可以直接开始编写你的HTML内容。
  2. 注意事项: 确保你已经正确安装了HTML Boilerplate插件,并且它在你当前使用的VSCode版本中可用。 如果你在输入“html”或“!”后按Tab键或Enter键没有生成预期的HTML结构,请检查你的VSCode设置和插件状态,确保没有禁用或冲突的设置。
  3. 其他推荐插件(与HTML Boilerplate插件配合使用): Auto Close Tag:此插件可以自动关闭你输入的HTML标签,提高编写效率。 HTML CSS Support:此插件为HTML和CSS代码提供智能提示和自动完成功能,帮助你更快地编写代码。 View In BrowserOpen In Browser:这些插件允许你在浏览器中直接打开并查看你编写的HTML文件的效果。

通过结合使用这些插件,你可以大大提高在VSCode中编写HTML代码的效率和质量。