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

資訊專欄INFORMATION COLUMN

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

崔曉明 / 516人閱讀

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

一、VSCode中使用vetur插件格式化vue文件時，js代碼會自動加上冒號和分號

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

　　

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

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

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

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

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

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

(1)安裝

yarn安裝

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

或者npm(當然cnpm也可以)

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

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

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

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

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

前端文檔匯總

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

打賞 衷心的表示感謝

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

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

相關(guān)文章

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

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

    haobowd 評論0 收藏0

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

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

    lifesimple 評論0 收藏0

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

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

    gnehc 評論0 收藏0

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

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

    fredshare 評論0 收藏0

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

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

    pekonchan 評論0 收藏0

發(fā)表評論

0條評論

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