整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          分享一個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代碼的效率和質量。


          主站蜘蛛池模板: 无码乱码av天堂一区二区| 麻豆精品久久久一区二区| 在线电影一区二区| 精品视频一区二区| 国产精品久久久久一区二区三区 | 久久精品亚洲一区二区三区浴池| 在线免费视频一区| 99无码人妻一区二区三区免费| 国产午夜精品一区二区三区嫩草 | 国产福利一区二区三区在线视频| 一区二区三区伦理高清| 无码丰满熟妇浪潮一区二区AV | 国产一区在线观看免费| 亚洲AV网一区二区三区| 亚洲一区二区久久| 精品国产伦一区二区三区在线观看| 91视频一区二区| 3D动漫精品啪啪一区二区下载| 曰韩精品无码一区二区三区| 国产一区二区三区国产精品| 国产裸体舞一区二区三区| 中文无码一区二区不卡αv| 午夜影院一区二区| 亚洲色偷偷偷网站色偷一区| 国产成人精品日本亚洲专一区| 亚洲码一区二区三区| 秋霞无码一区二区| 亚洲av乱码一区二区三区按摩| 中字幕一区二区三区乱码 | 国产一区二区电影| 国产成人精品视频一区二区不卡| 日韩精品无码一区二区三区AV| 日韩精品无码一区二区三区AV| 一本大道东京热无码一区| 国产色情一区二区三区在线播放| 国模无码人体一区二区| 3d动漫精品啪啪一区二区中| 一区二区三区精品视频| 日韩一区二区三区精品| 精品国产免费一区二区三区| 熟女性饥渴一区二区三区|