国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vscode插件的開發(fā)與發(fā)布流程

ermaoL / 3101人閱讀

摘要：依賴最好是更新到最新版，插件調(diào)試會更穩(wěn)定穩(wěn)定版生成基本文件過程與類似。預(yù)覽發(fā)布前可以通過將文件放進(jìn)的文件夾中，就可以本地預(yù)覽和使用了。

適用場景

每個團(tuán)隊(duì)都可能會有自己的庫或者框架，沒有相應(yīng)的插件提示和快速填充非常的難受，效率也非常低，做一個vscode的代碼提示其實(shí)也非常的簡單。

依賴

vscode最好是更新到最新版，插件調(diào)試會更穩(wěn)定

node 穩(wěn)定版

npm install -g yo generator-code

yo code 生成基本文件, 過程與npm init 類似。yo會在最后自動自行npm install， 如果失敗可以手動再執(zhí)行

調(diào)試

點(diǎn)擊vscode的調(diào)試，關(guān)聯(lián)到lanuch.json文件，彈出一個名為擴(kuò)展開發(fā)主機(jī)的窗口，這個窗口就是臨時擁有這個插件的調(diào)試窗口。

代碼片段

在package.json的contributes可以自定義自己的snippets，language代表在使用何種語言解析這種文件的時候代碼片段才會生效

//package.json
"contributes": {
    "snippets": [
        {
            "language": "html",
            "path": "./src/snippets/html.json"
        },
        {
            "language": "vue",
            "path": "./src/snippets/fes.json"
        }
    ]
}

關(guān)聯(lián)的snippets主要是prefix、body、description三個屬性，prefix是指在vscode輸入的關(guān)鍵字可以輸出body里面的內(nèi)容。

//fes.json
"FesData": {
    "prefix": "FesData",
    "body": ["FesData: function(){
	return {
	$0
	}
}"],
    "description": "Fes page data"
  },

如果想要在vue文件的template標(biāo)簽中使用snippets，language是vue-html，如果是script標(biāo)簽中使用language必須要有JavaScript這一項(xiàng)，language只寫vue在這些標(biāo)簽是不生效的。

預(yù)覽

發(fā)布前可以通過將文件放進(jìn)vscode的extension文件夾中，就可以本地預(yù)覽和使用了。

發(fā)布

在Visual Studio Team Services 創(chuàng)建一個賬號

根據(jù)賬號的名字訪問主頁，例如我的名字是bingou-ms，主頁鏈接就是https://bingou-ms.visualstudi...

點(diǎn)擊右上角的個人信息security

點(diǎn)擊add，這里交互真的很難讓人一眼看出這個是個按鈕，

確認(rèn)后會有token顯示，但是它只顯示一次，務(wù)必要保留，之后命令行操作會使用到

npm install vsce -g

vsce create-publisher (name)

vsce login (publisher name)

vsce publish (version)

之后的發(fā)布只要執(zhí)行第四步就可以

其他

publish的插件的readme.md文件就是安裝詳情頁的詳細(xì)信息內(nèi)容，但是必須在package.json中寫相關(guān)的repository

FesHelper小星星走一走

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94795.html

相關(guān)文章

  • FE.BASE-vscode使用、原理、插件開發(fā)筆記

    摘要：插件提供內(nèi)容，負(fù)責(zé)渲染。增量更新，盡可能地減少重新渲染長時間運(yùn)行的任務(wù)應(yīng)該支持，并可以取消插件能夠正確地處理對象的生命周期。使用了模式，運(yùn)行可以將這個對象銷毀。 使用 命令行使用 幫助：code --help 使用已經(jīng)打開的窗口來打開文件：code -r 打開文件并滾動到特定行：code -r -g package.json:128 比較兩個文件：code -r -d a.tx...

    MingjunYang 評論0 收藏0

  • VS Code插件開發(fā)介紹（一）

    摘要：發(fā)布插件插件開發(fā)完后就可以發(fā)布了，需要安裝安裝完后，需要去注冊并生成一個。總結(jié)本文介紹了插件開發(fā)的基本流程，實(shí)現(xiàn)了一個簡單的插件。更多的開發(fā)技巧，可以看這個系列的第二篇插件開發(fā)介紹二 前言 前段時間做了一個基于命令行的效率工具，可以自動生成組件的模板代碼。自己用起來還覺得挺好，但在組內(nèi)案例幾次后大家都不愿意用，究其原因還是命令行工具使用起來門檻有點(diǎn)高，不方便。由于組內(nèi)已經(jīng)統(tǒng)一使用VS ...

    thursday 評論0 收藏0

  • 實(shí)錄分享&視頻 | 微軟Visual Studio Code是這樣支持Docker的

    摘要：分享嘉賓是來自微軟云計(jì)算事業(yè)部的高級軟件開發(fā)工程師劉鵬。是微軟開源的一款開發(fā)工具，它針對做了許多編譯和命令上的支持。今天主要向大家介紹一下微軟去年推出的一個，以及對的一些支持。年他加入微軟，從事開發(fā)的工作。 本文是數(shù)人云分布式架構(gòu)的開源組件大選Meetup的實(shí)錄分享。分享嘉賓是來自微軟云計(jì)算事業(yè)部的高級軟件開發(fā)工程師劉鵬。Visual Studio Code是微軟開源的一款開發(fā)工具，它...

    leoperfect 評論0 收藏0

  • VS Code插件開發(fā)指南(view-readme)

    摘要：本次給大家?guī)淼姆窒硎顷P(guān)于插件的一些經(jīng)驗(yàn)，分享的內(nèi)容是我寫的一個插件。為了解決上面這個問題，我開發(fā)了這個插件。 本次給大家?guī)淼姆窒硎顷P(guān)于VS Code插件的一些經(jīng)驗(yàn)，分享的內(nèi)容是我寫的一個插件：view-readme。 開發(fā)背景 在本地安裝好所有npm包后，有的時候想看看某個模塊的文檔，了解其特性以及如何使用。于是打開node_modules文件夾，大家都知道，這個文件夾里面的文件是...

    yy736044583 評論0 收藏0

  • 2021愛智先行者—（2）零基礎(chǔ)APP開發(fā)實(shí)例

    摘要：有鑒于此，本文以未安裝工具軟件的計(jì)算機(jī)未激活的愛智設(shè)備為例，實(shí)戰(zhàn)解說零基礎(chǔ)小白的愛智開發(fā)過程。愛智設(shè)備斷開互聯(lián)網(wǎng)也可以運(yùn)行，但本文中的開發(fā)部署等功能無法操作。 【本...

    paney129 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<