成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

為什么我選擇使用 VS Code進(jìn)行前端開(kāi)發(fā)?

liaosilzu2007 / 2313人閱讀

摘要：我們團(tuán)隊(duì)有大部分人已經(jīng)在用了，所以這周五在組內(nèi)做了一個(gè)小分享，來(lái)發(fā)掘一些提高開(kāi)發(fā)效率的小技巧。為什么選擇在剛出來(lái)的時(shí)候，我就開(kāi)始使用了如何評(píng)價(jià)理由很簡(jiǎn)單開(kāi)源，免費(fèi)，顏值高微軟出品，實(shí)力保證。

沒(méi)錯(cuò)，我就是來(lái)給大家安利 VS Code 的。

對(duì)前端來(lái)說(shuō)，這是一款性感無(wú)比的 IDE，哦不對(duì)應(yīng)該是編輯器。我們團(tuán)隊(duì)有大部分人已經(jīng)在用了，所以這周五在組內(nèi)做了一個(gè) VS Code 小分享，來(lái)發(fā)掘 VSC 一些提高開(kāi)發(fā)效率的小技巧。我相信已經(jīng)有不少前端在使用它了，所以大家更有必要一起分享下日常神操作了。

為什么選擇 VS Code ？

在 VSC 剛出來(lái)的時(shí)候，我就開(kāi)始使用了（如何評(píng)價(jià) Visual Studio Code？),理由很簡(jiǎn)單：

開(kāi)源，免費(fèi)，顏值高；

微軟出品，實(shí)力保證。

然而用了一陣發(fā)現(xiàn)還是 Sublime 好用，一是剛出來(lái)功能不完善，Sublime 一些技巧無(wú)法遷移過(guò)來(lái)，另外就是插件太少，實(shí)際開(kāi)發(fā)略顯吃力。然隨著后面 VSC 一次次更新，不少新 features 著實(shí)讓人眼前一亮：微軟這是在用心做產(chǎn)品吶！以至于現(xiàn)在已經(jīng)沒(méi)有什么可以抱怨的了(有趣的是當(dāng)天尤大也發(fā)微博說(shuō)轉(zhuǎn)投 VSC 了，可以預(yù)見(jiàn)這款產(chǎn)品未來(lái)會(huì)越做越好，方向選對(duì)了，就不怕路走錯(cuò))。

而作為前端，VSC 簡(jiǎn)直就是為我們量身定制：

VSC 本身是基于當(dāng)前大火的 TS 來(lái)寫(xiě)的，所以對(duì)于 TS 的支持自然很好；又是基于 electron 開(kāi)發(fā)，底層 Node.js 對(duì)前端來(lái)說(shuō)再熟悉不過(guò)了。所以，如果你發(fā)現(xiàn)哪里不好用，你可以自己寫(xiě)插件吶！如果一個(gè)滿(mǎn)足不了，那就寫(xiě)兩個(gè)。

而對(duì)于 VSC 的擴(kuò)展開(kāi)發(fā)也是相當(dāng)友好，你只需要5步：

申請(qǐng)一個(gè) Visual Studio Team Services Account；

添加一個(gè) Personal access token;

創(chuàng)建一個(gè)發(fā)布賬號(hào)，用來(lái)發(fā)布你的擴(kuò)展即可(以上操作完全免費(fèi))；

使用 VSC 的 Yeoman 腳手架初始化你的擴(kuò)展項(xiàng)目，之后就是調(diào)用官方提供的 API 開(kāi)發(fā)你的擴(kuò)展即可，就跟開(kāi)發(fā) Chrome 插件一樣；

使用官方發(fā)布工具vsce來(lái)發(fā)布你的擴(kuò)展到擴(kuò)展市場(chǎng)，之后別人就可以搜到你的擴(kuò)展啦！

所以對(duì)于前端來(lái)說(shuō)，都是我們熟悉的技術(shù)棧，你可以作為一個(gè)使用者，也可以轉(zhuǎn)身變成一個(gè)開(kāi)發(fā)貢獻(xiàn)者！

而對(duì)于 Sublime 和 WebStorm 來(lái)說(shuō)就沒(méi)有這么方便了，當(dāng)然你也可以用 Python 或者 Java 來(lái)貢獻(xiàn)插件，不過(guò)對(duì)于前端還是稍稍有些門(mén)檻。如果僅僅是使用的話(huà)，WebStrom 確實(shí)也很好用，畢竟人家收了錢(qián)，而且你最好買(mǎi)一個(gè)高配的電腦，否則代碼擼多了，會(huì)卡到你懷疑人生。

一些實(shí)用擴(kuò)展和技巧

這才是重點(diǎn)。先貢獻(xiàn)下自己的部分?jǐn)U展列表：



各位要是有啥好用的擴(kuò)展也分享一下吶，大家一起 get 新姿勢(shì)！(有趣的是新版的 VSC在擴(kuò)展欄增加了推薦欄，這樣大家能更方便的發(fā)現(xiàn)一些精品）

強(qiáng)烈推薦的幾個(gè)插件：

Complete JSDoc Tags(好的注釋不僅對(duì)項(xiàng)目有用，對(duì) VSC 的代碼智能感知也很有用)

Dash(如果你購(gòu)買(mǎi)了 Dash App 的話(huà)）

EditorConfig for VS Code（統(tǒng)一的編輯配置對(duì)團(tuán)隊(duì)開(kāi)發(fā)很有用）

ESLint（讓 VSC 內(nèi)置 ESLint）

Git History（裝完輸入 git log有驚喜)

Git Lens（讓本就集成了 git 的 VSC 更加強(qiáng)大）

Path Intellisense(文件路徑感知擴(kuò)展）

Project Manager(多項(xiàng)目管理神器)

Settings Sync(將你所有的編輯器配置同步到 gist，省得在新設(shè)備上重新?lián)v鼓)

詳細(xì)的介紹我就懶得寫(xiě)了，大家自己去探索發(fā)現(xiàn)吧，一些有用的資源：

官方文檔 永遠(yuǎn)是最有用的，或者你也可以選擇中文翻譯版；

這里列出了更多好玩的插件awesome-vscode;

一些小技巧：

每次更新 VSC 后，好好看下更新日志，有驚喜；

有事沒(méi)事逛逛擴(kuò)展市場(chǎng)，有驚喜；

有時(shí)間仔細(xì)看看官方文檔，有驚喜；

好好研究下控制面板和快捷鍵，你會(huì)發(fā)現(xiàn)很多命令不用記；

VSC 本身是默認(rèn) git 工作流的，基于 git 項(xiàng)目進(jìn)行開(kāi)發(fā)體驗(yàn)更佳，不要讓自己的工作區(qū)處于非 git repo 文件夾。

總結(jié)

不管你以前是用 Sublime 還是 WebStorm，又或者是 Atom 和 Eclipse，現(xiàn)在遷移到 VS Code 都是灰常方便的：

最后，我為什么要安利 VS Code？

畢竟用的人越多，插件市場(chǎng)越豐富，解決問(wèn)題更快捷，交流起來(lái)更愉快嘛！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/87360.html

相關(guān)文章

  • [譯] 使用 VS Code 加速前端開(kāi)發(fā)

    摘要：在對(duì)比我最近幾個(gè)月所用的開(kāi)發(fā)工具后，我發(fā)現(xiàn)了一些驚人的東西。永遠(yuǎn)不停止使用。將警告未使用的代碼。預(yù)檢查使用，，和非常有用。不再需要使用開(kāi)啟服務(wù)器，創(chuàng)建應(yīng)用程序，并打開(kāi)瀏覽器。嘗試使用別的東西，立即出現(xiàn)錯(cuò)誤。 原文：Supercharging Frontend Development with VS Code 作者：zachcodes 過(guò)去幾天，為了在開(kāi)發(fā) GraphQL / Rea...

    keithxiaoy 評(píng)論0 收藏0

  • Visual Studio Code 前端調(diào)試不完全指南

    摘要：接下來(lái)的內(nèi)容將從以下幾方面進(jìn)行展開(kāi)調(diào)試前端代碼調(diào)試通過(guò)啟動(dòng)的服務(wù)器要使用的調(diào)試功能，首先就得配置文件。調(diào)試前端代碼通過(guò)調(diào)試前端代碼主要依賴(lài)于一個(gè)插件，該插件主要利用所開(kāi)放出來(lái)的接口來(lái)實(shí)現(xiàn)對(duì)其渲染的頁(yè)面進(jìn)行調(diào)試。 本文最初發(fā)布于我的個(gè)人博客：咀嚼之味 Visual Studio Code (以下簡(jiǎn)稱(chēng) vscode) 如今已經(jīng)代替 Sublime，成為前端工程師們最喜愛(ài)的代碼編輯器。它作為...

    dongfangyiyu 評(píng)論0 收藏0

  • vim 入坑指南

    摘要：助記符上的所有定義的快捷鍵都是有一定的意義的，在這里我先把常用的一些列出來(lái)。我剛開(kāi)始學(xué)的時(shí)候，還不知道有那些助記符，基本完全靠死記硬背，我就是用一張紙，然后把命令手寫(xiě)抄到紙上，放在我的電腦旁，忘了就馬上拿來(lái)看看，別說(shuō)，效果還挺好的。 個(gè)人站點(diǎn)：桃園 0. 前言 0.1 簡(jiǎn)介 vim 被譽(yù)為『編輯器之神』，與之同時(shí)代的 emacs 被譽(yù)為『神之編輯器』?？梢钥吹贸?vim 在編輯器的地...

    zhou_you 評(píng)論0 收藏0

  • 前端開(kāi)發(fā) VS Code 上手使用

    摘要：如果想配置開(kāi)發(fā)工具面向前端及開(kāi)發(fā)人員的配置如果想配置開(kāi)發(fā)工具配置及使用技巧所謂網(wǎng)紅編輯器，我覺(jué)得比來(lái)的更爽，因?yàn)榈乃胁僮骱筒寮?，?duì)于來(lái)說(shuō)也就是一個(gè)插件就能無(wú)縫兼容。作為一個(gè)前端開(kāi)發(fā)，開(kāi)箱即用的代碼編輯高亮提示都十分友好。 如果想配置 sublime 開(kāi)發(fā)工具 => 面向web前端及node開(kāi)發(fā)人員的vim配置 如果想配置 vim 開(kāi)發(fā)工具 => sublime配置及使用技巧 所謂網(wǎng)紅...

    Ocean 評(píng)論0 收藏0

  • 一些你所不知道的VS Code插件

    摘要：摘要你所不知道的系列。允許你寫(xiě)入縮寫(xiě)代碼并返回的相應(yīng)標(biāo)記，目前已經(jīng)內(nèi)置，所以不用配置了。自從年雙十一正式上線(xiàn)，累計(jì)處理了億錯(cuò)誤事件，付費(fèi)客戶(hù)有金山軟件百姓網(wǎng)等眾多品牌企業(yè)。摘要： 你所不知道的系列。 原文：提高 JavaScript 開(kāi)發(fā)效率的高級(jí) VSCode 擴(kuò)展之二！ 作者：前端小智 Fundebug經(jīng)授權(quán)轉(zhuǎn)載，版權(quán)歸原作者所有。 作為一名業(yè)余愛(ài)好者、專(zhuān)業(yè)人員，甚至是每月只有一次編...

    Near_Li 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<