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

資訊專欄INFORMATION COLUMN

vscode格式化Vue出現(xiàn)的問(wèn)題

崔曉明 / 514人閱讀

摘要：一中使用插件格式化文件時(shí)，代碼會(huì)自動(dòng)加上冒號(hào)和分號(hào)本來(lái)就是簡(jiǎn)寫比較方便舒服，結(jié)果一個(gè)格式化回到解放前最后找到問(wèn)題原因首先，默認(rèn)設(shè)置是這個(gè)樣的。

一、VSCode中使用vetur插件格式化vue文件時(shí)，js代碼會(huì)自動(dòng)加上冒號(hào)和分號(hào)

本來(lái)就是簡(jiǎn)寫比較方便舒服，結(jié)果一個(gè)格式化回到解放前 
最后找到問(wèn)題原因：
  首先，vetur默認(rèn)設(shè)置是這個(gè)樣的。也就是很多是用的prettier插件。

　　

解決辦法1 (最快的解決辦法)

把"vetur.format.defaultFormatter.js": "prettier",改為 "vetur.format.defaultFormatter.js": "vscode-typescript"

參考自 記一次vscode升級(jí)后，格式化Vue出現(xiàn)的問(wèn)題

但是這樣就沒(méi)有用到Prettier這個(gè)酷酷的東西，于是自己打算繼續(xù)研究

解決辦法2 (踏實(shí)的解決辦法)

一打開(kāi)Prettier官網(wǎng)，闊怕全是英文，還是硬著頭皮上

(1)安裝

yarn安裝

yarn add prettier --dev --exact
或者全局安裝
yarn global add prettier

或者npm(當(dāng)然cnpm也可以)

npm install --save-dev --save-exact prettier
或者全局安裝
npm install --global prettier
(2)新建.prettierrc.json配置文件放在vue項(xiàng)目的root目錄下(也就是和README.md文件同一目錄)
(3)配置.prettierrc.json文件如下
{
    "singleQuote":true,//使用單引號(hào)而不是雙引號(hào),true就是對(duì)
    "semi":false//在語(yǔ)句結(jié)尾處打印分號(hào),false就是不打印
}

小伙伴們還想配置其他參數(shù)選項(xiàng)可參考官網(wǎng)Prettier的選項(xiàng)和參數(shù)描述

現(xiàn)在按快捷鍵Shift+Alt+f格式化js代碼就不會(huì)加上冒號(hào)和分號(hào)了。

作者相關(guān)Vue文章

基于Vue2.0實(shí)現(xiàn)后臺(tái)系統(tǒng)權(quán)限控制

前端文檔匯總

VUE2.0增刪改查附編輯添加model(彈框)組件共用

打賞 衷心的表示感謝

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

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

相關(guān)文章

  • vscode 配置eslint 開(kāi)發(fā)vue的相關(guān)配置

    摘要：參考詳情請(qǐng)參考此插件允許和修復(fù)文件中包含的內(nèi)聯(lián)腳本。這是因?yàn)橹邪l(fā)生了許多內(nèi)部更改，包括支持預(yù)處理器中自動(dòng)固定的新。請(qǐng)確保在你的配置中使用了該插件自身的配置代碼規(guī)范解決報(bào)錯(cuò)問(wèn)題 如何在vscode中用JavaScript Standard Style風(fēng)格去驗(yàn)證 vue文件實(shí)際上JavaScript Standard Style有一個(gè)FAQ, 說(shuō)明了如何使用。 但是有一點(diǎn)非常重要的作者沒(méi)有...

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

  • vscode 配置eslint 開(kāi)發(fā)vue的相關(guān)配置

    摘要：參考詳情請(qǐng)參考此插件允許和修復(fù)文件中包含的內(nèi)聯(lián)腳本。這是因?yàn)橹邪l(fā)生了許多內(nèi)部更改，包括支持預(yù)處理器中自動(dòng)固定的新。請(qǐng)確保在你的配置中使用了該插件自身的配置代碼規(guī)范解決報(bào)錯(cuò)問(wèn)題 如何在vscode中用JavaScript Standard Style風(fēng)格去驗(yàn)證 vue文件實(shí)際上JavaScript Standard Style有一個(gè)FAQ, 說(shuō)明了如何使用。 但是有一點(diǎn)非常重要的作者沒(méi)有...

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

  • 如何在vscode中用standard style 風(fēng)格去驗(yàn)證 vue文件

    摘要：史上最便捷的統(tǒng)一代碼風(fēng)格的方式，輕松擁有。自動(dòng)代碼格式化。提前發(fā)現(xiàn)風(fēng)格及程序問(wèn)題。減少代碼審查過(guò)程中反反復(fù)復(fù)的修改過(guò)程，節(jié)約時(shí)間。如何在中用風(fēng)格去驗(yàn)證文件實(shí)際上有一個(gè)說(shuō)明了如何使用。 1 JavaScript Standard Style簡(jiǎn)介 本工具通過(guò)以下三種方式為你（及你的團(tuán)隊(duì)）節(jié)省大量時(shí)間： 無(wú)須配置。 史上最便捷的統(tǒng)一代碼風(fēng)格的方式，輕松擁有。 自動(dòng)代碼格式化。 只需運(yùn)行 s...

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

  • 如何在vscode中用standard style 風(fēng)格去驗(yàn)證 vue文件

    摘要：史上最便捷的統(tǒng)一代碼風(fēng)格的方式，輕松擁有。自動(dòng)代碼格式化。提前發(fā)現(xiàn)風(fēng)格及程序問(wèn)題。減少代碼審查過(guò)程中反反復(fù)復(fù)的修改過(guò)程，節(jié)約時(shí)間。如何在中用風(fēng)格去驗(yàn)證文件實(shí)際上有一個(gè)說(shuō)明了如何使用。 1 JavaScript Standard Style簡(jiǎn)介 本工具通過(guò)以下三種方式為你（及你的團(tuán)隊(duì)）節(jié)省大量時(shí)間： 無(wú)須配置。 史上最便捷的統(tǒng)一代碼風(fēng)格的方式，輕松擁有。 自動(dòng)代碼格式化。 只需運(yùn)行 s...

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

  • 如何優(yōu)雅地使用 VSCode 來(lái)編輯 vue 文件？

    摘要：注本文首發(fā)在我的個(gè)人博客最近有個(gè)項(xiàng)目使用了，本來(lái)一直使用的是來(lái)進(jìn)行開(kāi)發(fā)，可是遇到了很多問(wèn)題。此外，還有很多規(guī)范是幫助我們寫出更加優(yōu)雅而不容易出錯(cuò)的代碼的。，終于基本搞定了，可以愉快地開(kāi)發(fā)應(yīng)用了。 注：本文首發(fā)在 我的個(gè)人博客 最近有個(gè)項(xiàng)目使用了 Vue.js ，本來(lái)一直使用的是 PHPStorm 來(lái)進(jìn)行開(kāi)發(fā)，可是遇到了很多問(wèn)題。 后來(lái)，果斷放棄收費(fèi)的 PHPStorm ，改用 vsco...

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

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

0條評(píng)論

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