<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          VS Code、Atom、?Sublime Text:誰(shuí)才是真正的編輯器之王?

          共 7678字,需瀏覽 16分鐘

           ·

          2020-09-24 02:41


          閱讀本文大概需要 10?分鐘。


          記得十年前看過(guò)的博文,文本編輯器分類主要有以下這些(別在乎這個(gè)分類了):
          • 武林泰斗——Vi/Vim、Emacs、jEdit(免費(fèi)、開(kāi)源、所有平臺(tái))
          • 武學(xué)宗師——UltraEdit、Editplus、TextPad、EmEditor 等(共享、Windows)
          • 普通高手——Notepad++、Notepad2 等(開(kāi)源免費(fèi),可替代Notepad)
          以上編輯器,除了 Emacs,我都折騰過(guò)。一眨眼十年過(guò)去了,很多編輯器可能大部分人都不使用了。幾乎和所有事物類似,編輯器也有其生命周期。借用李善友的《第二曲線創(chuàng)新》一書(shū)中提到的 S 曲線,無(wú)論是技術(shù)、產(chǎn)品、公司還是產(chǎn)業(yè),生命周期都符合 S 型曲線。而編輯器屬于產(chǎn)品,生命周期自然也符合 S 型曲線。
          圖片來(lái)源:第二曲線創(chuàng)新
          當(dāng)然有些編輯器可以說(shuō)是經(jīng)久不衰,比如編輯器之神 Vim 和神的編輯器 Emacs。然而由于門檻高,這兩款編輯器相對(duì)用戶量會(huì)不如新興的編輯器,但它們的用戶都是忠粉。比如我折騰了 Vim 后,現(xiàn)在任何編輯器(或 IDE)沒(méi)有 Vim 模式就難受,包括瀏覽器都安裝 Vim 插件,它的模式和快捷鍵方式太好用了。
          這次對(duì)比選擇哪些編輯器呢?根據(jù)自己的接觸,社區(qū)的討論和網(wǎng)上的資料,同時(shí)只考慮跨平臺(tái)(Linux、Mac 和 Windows)的編輯器,最后選擇了如下 3 款編輯器作對(duì)比。(注意 IDE 不在比較的范圍內(nèi),當(dāng)然文本編輯器和 IDE 不一定好嚴(yán)格區(qū)分,但一般認(rèn)為 Goland 是 IDE,而 VS Code 是文本編輯器)。
          • Sublime Text
          • Atom
          • VS Code
          這三款編輯器的用戶應(yīng)該包含了絕大部分使用文本編輯器的用戶。為什么沒(méi)有 Vim 和 Emacs?太難了,很多人入不了門,而且 Emacs 我也沒(méi)用過(guò)。
          注意:本文基于 MacOS 操作系統(tǒng),涉及到的快捷鍵也是 Mac 系統(tǒng)下的。

          Sublime Text

          這是一個(gè)漂亮的功能豐富的文本編輯器。它是一款共享軟件,購(gòu)買許可需要 80 美元,不過(guò)不購(gòu)買不影響使用,只是保存文件時(shí)可能會(huì)提醒你一下。據(jù)說(shuō)該編輯器作者當(dāng)時(shí)辭職,找一個(gè)酒店,全身心投入開(kāi)發(fā),所以收費(fèi)也是可以理解的,都得吃飯不是。目前最新大版本是 Sublime Text 3,不建議 2 了,因?yàn)楹芏嗖寮赡懿恢С帧?/span>
          官方網(wǎng)站:https://www.sublimetext.com。
          我印象中,2011 年左右,該編輯器爆發(fā)式增長(zhǎng),特別對(duì)前端開(kāi)發(fā)很友好,感覺(jué)是超現(xiàn)代的編輯器。我也成為了它的用戶,據(jù)我觀察,不少非程序員也在使用它,比如產(chǎn)品經(jīng)理。為什么它能夠在眾多編輯器中脫穎而出?經(jīng)過(guò)這么多年的發(fā)展,一起看看有哪些用戶喜愛(ài)的特性。

          1、Goto Anything

          該功能讓打開(kāi)文件、跳轉(zhuǎn)到 symbols(符號(hào))、某行或某個(gè)詞很方便、快捷,相關(guān)的快捷鍵如下:
          其實(shí)下面幾個(gè)基本通過(guò)上面 Goto Anything 的對(duì)話框?qū)崿F(xiàn),你可以:
          • 輸入文件名的一部分可以打開(kāi)文件;
          • 輸入 @ 加上 symbols 可以跳轉(zhuǎn)到對(duì)應(yīng)的 symbols;
          • 輸入 # 加上任意字符,可以在當(dāng)前文件搜索;
          • 輸入 : 加上數(shù)字可以跳轉(zhuǎn)到當(dāng)前文件某一行;
          以上的快捷方式可以組合在一起,比如輸入 io.go@Reader 可以打開(kāi)文件 io.go,并定位到接口 Reader。類似地,io.go:100 將定位到文件 io.go 的第 100 行。
          polaris 點(diǎn)評(píng):這是 Sublime Text 編輯器最大的亮點(diǎn),是開(kāi)創(chuàng)者,之前編輯器都沒(méi)有。正因?yàn)楹糜?,VS Code 等編輯器也提供了類似的功能。

          2、多重選擇

          雙擊文件中某個(gè)單詞或選中某個(gè)詞,該文件中其他詞會(huì)“虛擬”選中,通過(guò) ? + D 擴(kuò)展選擇,然后修改,這樣可以同時(shí)修改多處,起到批量重命名的效果。
          polaris 點(diǎn)評(píng):這是不是也是 Sublime Text 的創(chuàng)新點(diǎn)?之前我之前用的編輯器沒(méi)發(fā)現(xiàn)。因?yàn)楹糜?,VS Code 也提供了。

          3、分離編輯

          如果你的顯示器夠大,可以在一個(gè)窗口分離多個(gè)編輯區(qū)域,可以并排編輯文件。

          4、命令面板

          Command Palette 保存了各種需要的功能,比如排序、更改語(yǔ)法和縮進(jìn)設(shè)置。只需敲擊幾下鍵盤,你就可以搜索你想要的東西,而不需要瀏覽菜單或者記住模糊的快捷鍵。通過(guò) ?*+?+*P 打開(kāi)該面板。也許這也是 Sublime Text 首創(chuàng),之后 VS Code 和 Atom 都有該功能。

          5、生態(tài)(擴(kuò)展性)

          極強(qiáng)的擴(kuò)展性是 Sublime Text 的一大特色。在此之前,除了 Vim 和 Emacs,很多其他的文本編輯器,可擴(kuò)展性是比較差的,因此也完全沒(méi)有生態(tài)可言。Sublime Text 的出現(xiàn),讓簡(jiǎn)單易用的文本編輯器也有了極強(qiáng)的擴(kuò)展性。而且 Sublime Text 的擴(kuò)展是使用 Python 來(lái)實(shí)現(xiàn)的,因此很多人可以實(shí)現(xiàn)自己的擴(kuò)展,因?yàn)?Python 用戶量大嘛。而且 Sublime Text 可以顯示一個(gè) Console,這個(gè)直接是 Python 解釋環(huán)境,這里記錄相關(guān)執(zhí)行信息。
          Sublime Text 專門有一個(gè) Package Control,安裝其他包之前需要先安裝它。打開(kāi) Command Palette,鍵入 Install Package Control 即可安裝 Package Control。
          之后可以通過(guò) Command Palette,鍵入 Install 來(lái)打開(kāi) Package Control,可以搜索你想要安裝的包。
          poalris 點(diǎn)評(píng):吐槽一下,Sublime Text 的這個(gè)包安裝界面出來(lái)特別慢,而且從這個(gè)界面看不到太多詳細(xì)的介紹,找到某個(gè)包,點(diǎn)擊就是安裝。詳細(xì)信息只能通過(guò) https://packagecontrol.io/ 這個(gè)站點(diǎn)查看。

          6、可定制性

          同樣的,除了 Vim 和 Emacs,傳統(tǒng)的其他編輯器大部分可定制性比較差,大多通過(guò)配置頁(yè)面進(jìn)行一些有限的配置。但在 Sublime Text 中,可以對(duì)快捷鍵,菜單,代碼片段,宏,自動(dòng)完成等——幾乎一切都是可定制的,這通過(guò)一個(gè) JSON 文件實(shí)現(xiàn)。除此之外,對(duì)于每種文件類型,每個(gè)項(xiàng)目和每個(gè)擴(kuò)展(包)都可以有自己的配置項(xiàng)。在“首選項(xiàng)”子菜單下可以看到:
          polaris 點(diǎn)評(píng):直接通過(guò) JSON 配置還是有些原始,簡(jiǎn)單易用方面還是稍微差了些。

          7、內(nèi)置 project 支持

          Project 直接是頂級(jí)菜單,可以保存、打開(kāi)、快速切換項(xiàng)目。多項(xiàng)目管理很方便。保存項(xiàng)目時(shí)會(huì)生成 Sublime Text 特有的項(xiàng)目文件,記得加入 .gitignore 中。

          8、minimap

          在文本編輯區(qū)域的右側(cè),顯示一個(gè)當(dāng)前文本編輯區(qū)域的預(yù)覽。這也是 Sublime Text 的首創(chuàng)吧。VS Code 也提供了該功能。

          Sublime Text 的缺陷

          1、Sublime Text 對(duì)字符編碼的支持不全,比如不支持 GBK 編碼;
          2、曾經(jīng)輸入中文,輸入法候選詞對(duì)話框顯示特別別扭,在 Linux 下也有些問(wèn)題,不知道現(xiàn)在有無(wú)改進(jìn);
          3、更換主題不徹底。比如左側(cè) Bar 和底部的 Console 是白色;

          Atom

          這是 GitHub 出品的一款開(kāi)源文本編輯器,大概 2015 年 5 月發(fā)布,官方宣稱是一款面向 21 世紀(jì)的可編程文本編輯器。所以該編輯器目標(biāo)是給程序員使用的。
          官方網(wǎng)站:https://atom.io/,GitHub 源碼地址:https://github.com/atom/atom。
          因?yàn)槭?GitHub 出品,自然會(huì)有較濃重的 GitHub 特色,有兩大核心特色必須進(jìn)行介紹。

          特色一:Teletype for Atom

          Git 讓多人協(xié)作更輕松、方便,基于類似的理念,Teletype 想讓多人在一個(gè)編輯器同時(shí)進(jìn)行代碼編寫。這其實(shí)和現(xiàn)在的在線辦公軟件類似,可以多人同時(shí)編輯同一個(gè)文件。具體操作如下:
          安裝 Teletype。這是 Atom 官方的插件,安裝人數(shù)不少。
          安裝好后,會(huì)在 Atom 狀態(tài)欄出現(xiàn)下圖紅框的圖標(biāo)。
          初次點(diǎn)擊后出現(xiàn)登錄 GitHub 的彈窗,需要進(jìn)行 GitHub 授權(quán),授權(quán)成功后,會(huì)產(chǎn)生一個(gè) token,將其復(fù)制粘貼到這個(gè)彈窗中。授權(quán)成功后,彈窗是這個(gè)樣子:
          點(diǎn)擊 share,copy 它生成的鏈接,分享給別人。別人加入后就可以一起愉快的進(jìn)行“結(jié)對(duì)”編程了,好基友一輩子~
          官方有一個(gè)使用該插件的演示視頻:https://teletype.atom.io/。

          特色二:和 Git 和 GitHub 無(wú)縫集成

          Git 和 GitHub 內(nèi)置集成進(jìn)了 Atom 編輯器中,你可以直接使用。在編輯器狀態(tài)欄可以看到相關(guān)信息:
          和 Git 集成,在編輯器里進(jìn)行 Git 相關(guān)的操作,其他編輯器通過(guò)擴(kuò)展也很容易實(shí)現(xiàn),不過(guò) Atom 的該功能是否更好用,主要體現(xiàn)在 GitHub 官方的實(shí)現(xiàn)細(xì)節(jié)和編輯器對(duì) GitHub 的高度集成了。

          其他特色

          因?yàn)?Sublime Text 的強(qiáng)大影響力,在介紹 Atom 時(shí),甚至?xí)f(shuō)它是一個(gè)類 Sublime 的編輯器。除了配置上比 Sublime Text 純 JSON 的方式更友好外,目前我沒(méi)有發(fā)現(xiàn)其他更特別的點(diǎn)。唯一值得一提的是 Atom 是使用 HTML,JavaScript,CSS 和 Node.js 集成,基于 Electron 構(gòu)建的。Electron 是使用 Web 技術(shù)構(gòu)建跨平臺(tái)應(yīng)用程序的框架。因此 Atom 依賴 Node 進(jìn)行包管理,擴(kuò)展自然也是使用 JS 實(shí)現(xiàn)。
          此外雖然 Atom 支持 GBK,但當(dāng)一個(gè)文件是 GBK 編碼時(shí),打開(kāi)卻不能正確識(shí)別,雖然通過(guò)狀態(tài)欄的編碼可以修改編碼格式,但內(nèi)容卻并不能正確顯示。也就是說(shuō),它能保存文件為 GBK,但無(wú)法正確打開(kāi) GBK 文件。
          另外 Atom 和其他編輯器不一樣的地方是,它所有的窗口都跟文件一樣,在一個(gè)新 Tab 打開(kāi)。

          VS Code

          VS Code 全稱 Visual Studio Code,是一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器,同時(shí)支持 Windows,macOS 和 Linux。它具有對(duì) JavaScript,TypeScript 和 Node.js 的內(nèi)置支持,并具有豐富的其他語(yǔ)言(例如 C ++,C#,Java,Python,PHP,Go)和運(yùn)行時(shí)(例如 .NET 和 Unity)擴(kuò)展的生態(tài)系統(tǒng)。這是一個(gè)免費(fèi)開(kāi)源的編輯器。
          從名稱可以看出,VS Code 有微軟牛逼的 IDE Visual Studio 的影子。
          VS Code 官方網(wǎng)站:https://code.visualstudio.com/,GitHub 地址:https://github.com/Microsoft/vscode/,截止 2020 年 8 月 25 日已經(jīng)有 102k Star。
          2015 年微軟公開(kāi)了首個(gè) VS Code 預(yù)覽版,1.0 正式版是 2016 年發(fā)布的。發(fā)布后受到了眾多開(kāi)發(fā)者的喜愛(ài),我個(gè)人感覺(jué)把曾經(jīng)很流行的 Sublime Text 打趴下了,可見(jiàn)其發(fā)展勢(shì)頭。有 StackOverflow 各年度調(diào)查報(bào)告數(shù)據(jù)為證(我們只關(guān)注本文討論的三個(gè)文本編輯器的變化)。
          1、2015 年,VS Code 還未出現(xiàn)在名單中(可能還未發(fā)布?)。Sublime Text 是 25.2%。(注意 NotePad++ 只有 Windows 版本,也是老牌的編輯器,可定制性較差,不過(guò)較輕量,而且免費(fèi),可以替代 Windows 下自帶的記事本)(參與調(diào)查人數(shù):26,086)
          2、2016 年似乎將 IDE 加入了,因?yàn)?2015 年列表中沒(méi)有出現(xiàn) IDE,而 2016 年有。從下圖看出,這三款編輯器中,Sublime Text 依然遙遙領(lǐng)先,雖然 VS Code 出現(xiàn)了,不過(guò)才 7.2%,落后于 Atom 的 12.5%。(參與調(diào)查人數(shù):50,000)
          3、從下圖看到,2017 年 Sublime Text 依然靠前,不過(guò) VS Code 已經(jīng)超過(guò)了 Atom,達(dá)到了 24%。(參與調(diào)查人數(shù):64,000)
          4、2018 年 VS Code 爆發(fā)了,達(dá)到了 34.9%,排在了第一位,超過(guò)了 IDE Visual Studio 和 Notepad++。(參與調(diào)查人數(shù):100,000)
          5、2019 年 VS Code 已經(jīng)過(guò)半,達(dá)到了 50.7%。Sublime Text 才 23.4%,Atom 是 13.3%。(參與調(diào)查人數(shù):90,000)
          此外,根據(jù) Go 官方 2019 年的調(diào)查報(bào)告顯示,使用 VS Code 開(kāi)發(fā) Go 的用戶占比從 2016 年的 16% 上升到 41%,排在第一位,比 Goland 這個(gè) IDE 用戶量還大;Sublime Text 由 2016 年的 11% 減少到 2%;Atom 由 2016 年的 12% 減少到 1%。
          以上都表明,VS Code 獲得了絕大多數(shù)人的喜愛(ài),紛紛放棄原來(lái)的編輯器,使用 VS Code。
          那到底 VS Code 有什么出色的地方,受到這么多人的喜愛(ài)?
          首先我認(rèn)為 VS Code 也是類 Sublime 編輯器,上文也提到,一些特色功能是 Sublime 首創(chuàng)。但如果只是模仿別人的功能肯定不會(huì)如此火爆。一起看看 VS Code 有哪些優(yōu)秀的特性。(當(dāng)前 VS Code 版本 1.48.0)

          遇見(jiàn) IntelliSense(智能感知)

          用過(guò) Visual Studio 的人應(yīng)該深有感受。VS Code 繼承了這個(gè)優(yōu)秀的特性。不止是簡(jiǎn)單的語(yǔ)法高亮和自動(dòng)完成,它能夠根據(jù)變量類型、函數(shù)定義和模塊導(dǎo)入進(jìn)行智能感知。

          Debug 和 Run

          一直以來(lái),Debug 能力是 IDE 才有的。對(duì)于編譯型語(yǔ)言來(lái)說(shuō),支持調(diào)試還是很有必要的。這方面 Sublime Text 和 Atom 都沒(méi)有很好的支持,而 VS Code 有一個(gè)菜單 Run 專門支持。
          同時(shí)跟 IDE 類似,可以直接在打開(kāi)的文件左邊欄點(diǎn)擊打斷點(diǎn)。演示一個(gè)簡(jiǎn)單的 Go 程序,點(diǎn)擊 Run -> Start Debugging 或直接按 F5,啟動(dòng)調(diào)試器(編輯器最左側(cè)有一個(gè)按鈕,可以進(jìn)入 Debug 模式),如下圖:
          已經(jīng)和 IDE 的調(diào)試沒(méi)啥區(qū)別了。

          集成終端

          快捷鍵:?` 會(huì)打開(kāi)集成的終端。在 Sublime Text 和 Atom 中沒(méi)有發(fā)現(xiàn)該功能。對(duì)于程序員來(lái)說(shuō),特別是服務(wù)端開(kāi)發(fā),這個(gè)真的很需要。這里面的其他幾個(gè)窗口的功能也挺有用。

          可擴(kuò)展性

          VS Code 的構(gòu)建考慮了可擴(kuò)展性。從 UI 到編輯體驗(yàn),幾乎可以通過(guò)擴(kuò)展 API 自定義和增強(qiáng) VS Code 的每個(gè)部分。實(shí)際上,VS Code 的許多核心功能都是作為擴(kuò)展構(gòu)建的,并使用相同的擴(kuò)展 API。因?yàn)?VSCode 使用 TypeScript 構(gòu)建,因此擴(kuò)展也基于 TypeScript。在 VS Code 中幾乎可以找到你想到的任何擴(kuò)展:畫圖?聽(tīng)音樂(lè)?你想到的都可以試試,它幾乎成為了一個(gè)平臺(tái)。
          擴(kuò)展的安裝也很友好,最左側(cè)有按鈕可以直達(dá)擴(kuò)展市場(chǎng),每個(gè)擴(kuò)展還可以看到詳細(xì)信息。同時(shí) VS Code 還會(huì)根據(jù)你打開(kāi)的文件智能為你推薦擴(kuò)展。這個(gè)后面文章會(huì)介紹到。
          此外,VS Code 也是基于 Electron 構(gòu)建,但資源占用方面比 Atom 少。

          可定制性

          這方面和 Atom 類似,通過(guò)可視化的方式進(jìn)行配置,簡(jiǎn)單易用。大部分?jǐn)U展也支持定制。

          Language Server Protocol

          這個(gè)不是 VS Code 特有的,但是微軟最初提出來(lái)的,專門為編輯器或 IDE 解決不同語(yǔ)言的特性,像自動(dòng)完成、跳轉(zhuǎn)到定義、查找引用等。只要語(yǔ)言實(shí)現(xiàn)了這個(gè)協(xié)議,加上對(duì)應(yīng)的 VS Code 擴(kuò)展就可以實(shí)現(xiàn)這樣的功能。后文介紹的 gopls 就是一個(gè) Go 語(yǔ)言的實(shí)現(xiàn)。

          同步設(shè)置

          因?yàn)閺?qiáng)大的配置能力,每個(gè)人可能都會(huì)對(duì)自己的 VS Code 進(jìn)行一番配置。家里的電腦和公司的電腦如何做到用同一份配置?將來(lái)電腦怎么避免再次折騰配置?
          VS Code 提供了同步配置的功能。在左下角有一個(gè)圖標(biāo),可以開(kāi)啟同步。
          選擇同步項(xiàng),然后登錄微軟或 GitHub 賬號(hào)即可進(jìn)行同步。

          其他特色

          上面 Sublime Text 中提到的功能、特色,VS Code 都有,使用方式也基本類似,因此 Sublime Text 用戶可以很輕松切換到 VS Code。
          當(dāng)然 Git 現(xiàn)在這么流行,VS Code 內(nèi)置也支持 Git,同時(shí)還有強(qiáng)大的第三方擴(kuò)展可以使用,后面也會(huì)專門介紹。
          此外,VS Code 還可以進(jìn)行 remote container 開(kāi)發(fā),只要你愿意花點(diǎn)心思,定會(huì)讓 VS Code 成為你最得力的編程工具、助手。當(dāng)然如果你不愿意折騰,你也可以跟著我一起來(lái)玩轉(zhuǎn) VS Code。
          對(duì)了,Sublime Text 和 Atom 都有問(wèn)題的 GBK 編碼文件,用 VS Code 打開(kāi)也亂碼,因?yàn)樽R(shí)別為 UTF-8 文件了,不過(guò)可以通過(guò)點(diǎn)擊狀態(tài)欄的 “UTF-8”,打開(kāi)切換編碼窗口,通過(guò) Reopen With Encoding 的方式,選擇 GBK 即可正確打開(kāi)文件。
          不知道你有沒(méi)有發(fā)現(xiàn),VS Code 的狀態(tài)欄很強(qiáng)大。

          總結(jié)

          VS Code 因?yàn)橛形④洀?qiáng)大的支持,在各方面確實(shí)做的很好,文檔也很全。本文沒(méi)有對(duì)比具體編程的體驗(yàn),這部分涉及到太多具體細(xì)節(jié)。而且很顯然,本文是推薦你使用 VS Code,因此編程方面的細(xì)節(jié)體驗(yàn),后續(xù)只會(huì)涉及到 VS Code,只有在某些方面做的不好的時(shí)候,才會(huì)看看另外兩個(gè)編輯器是否做得更好。
          我認(rèn)為,除了 Android、iOS 等這類強(qiáng)依賴特定 IDE 的開(kāi)發(fā),其他開(kāi)發(fā)都可以用 VS Code 搞定。Go 更不用說(shuō)了。因此如果你不想花錢購(gòu)買 Goland,可以從今天開(kāi)始試試 VS Code,跟著我一起玩轉(zhuǎn) VS Code。
          關(guān)于資源占用方面,編輯器都是輕量級(jí)的,因此占用資源都不多。相對(duì)來(lái)說(shuō),似乎 VS Code 占用最少。

          參考資料

          [1]

          [序列文章] 打造全能的文本編輯器: http://xbeta.info/texteditor.htm




          推薦閱讀

          1

          花了兩個(gè)星期,我終于把 WSGI 整明白了

          2

          從 Nginx 看負(fù)載均衡

          3

          我這幾年踩過(guò)的十個(gè)坑,每一條都是血淚教訓(xùn)

          4??

          Alfred 有多強(qiáng)悍,我寫了個(gè)一鍵上傳圖片的 workflow 來(lái)告訴你




          崔慶才

          靜覓博客博主,《Python3網(wǎng)絡(luò)爬蟲(chóng)開(kāi)發(fā)實(shí)戰(zhàn)》作者

          隱形字

          個(gè)人公眾號(hào):進(jìn)擊的Coder

          長(zhǎng)按識(shí)別二維碼關(guān)注





          好文和朋友一起看~
          瀏覽 47
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  成人无码视频成 | 亚洲人妖在线 | 外汇天眼查官网入口 | 色五月激情网 | 天天日天天舔天天操 |