什么編輯器適合寫Vue？有許多編輯器/ide可以編寫Vue。我個(gè)人建議使用vscode來編寫Vue。就連Vue的作者游玉喜也在微博上表示，他也使用vscode。今天我們將討論如何使用vscode開發(fā)V

什么編輯器適合寫Vue？

有許多編輯器/ide可以編寫Vue。我個(gè)人建議使用vscode來編寫Vue。就連Vue的作者游玉喜也在微博上表示，他也使用vscode。

今天我們將討論如何使用vscode開發(fā)Vue。與大多數(shù)ide一樣，vscode也有擴(kuò)展和主題市場，包括大量插件。使用vscode開發(fā)Vue必須安裝多個(gè)功能強(qiáng)大的插件才能提高工作效率。例如，vscode下的vetur就是這樣一個(gè)必要的Vue開發(fā)工具。讓我們從它的一些功能開始。

Vetur支持語法高亮顯示。Vue文件。除了支持模板之外，它還支持大多數(shù)主流的前端開發(fā)腳本和插件，比如sass和typescript。支持突出顯示的完整語法如下跟隨：。語法高亮顯示是所有ide的基本功能之一。編寫沒有語法突出顯示的代碼真的很不舒服。

默認(rèn)情況下使用Vetureslint插件vue@beta對于detect< template>，錯誤檢測可以幫助我們在開發(fā)過程中發(fā)現(xiàn)錯誤編輯器.tabSize以及編輯器.insertSpace對于HTML和CSS/SCSS/less格式，JS beauty用于標(biāo)準(zhǔn)化，typescript“s language”用于JS/TS格式，這些配置可以更改。有了自動格式化功能，在編寫代碼時(shí)可以減少花在格式化上的時(shí)間，并且可以把時(shí)間和精力放在代碼本身上，大大提高了編寫代碼的效率。

vue打包的html怎么樣禁止打開F12開發(fā)者工具呢？

不能完全禁止，但是下面的代碼可以在一定程度上阻止代碼調(diào)試。

document.onkeydown=函數(shù)（）{

變量e=window.event事件||參數(shù)[0

]如果（e.keycode==123）{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&&（e.shiftkey）&&（e.keycode==73））{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&（e.keycode==85））{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&（e.keycode==83））{

alert（”請尊重勞動成果！“”

返回false

}

}document.oncontextmenu=函數(shù)（）{

提醒（“請尊重勞動成果！“”

返回false

}