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

資訊專欄INFORMATION COLUMN

VsCode 配置Eslint格式化代碼（vue）以及常用插件

sean / 1210人閱讀

摘要：配置插件擴展商店搜索，點擊安裝，并重新加載配置，打開文件首選項設(shè)置在用戶設(shè)置中插入配置代碼支持此時，就可以在項目中檢測代碼了檢測比較嚴(yán)格，若希望按照格式化代碼，進行以下操作安裝插件，這是上一個代碼提示，語法高亮等功能的流行插件安裝后在默認(rèn)配

配置eslint

插件擴展商店搜索 eslint，點擊安裝，并重新加載；

配置eslint，打開 文件==>首選項==>設(shè)置；

在用戶設(shè)置中插入配置代碼(支持vue):

    "eslint.options": {
        "plugins": [
            "html"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "eslint.autoFixOnSave": true,
     "editor.tabSize": 2,

此時，eslint就可以在項目中檢測代碼了

eslint檢測比較嚴(yán)格，若希望vue按照eslint格式化代碼，進行以下操作：

安裝插件Vetur，這是vscode上一個vue.js代碼提示，語法高亮等功能的流行插件；

安裝后在默認(rèn)配置可以看到，vetur默認(rèn)采用prettier格式化；

安裝插件prettier,但他的格式化并不和eslint一樣，所以在用戶配置中添加以下配置；

//分號
"prettier.semi": false,
//單引號包裹字符串
"prettier.singleQuote": true,
//html格式化依賴  默認(rèn)為none
"vetur.format.defaultFormatter.html": "js-beautify-html",
//函數(shù)前加空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
//沒有下邊這個 上邊不生效
"vetur.format.defaultFormatter.js": "vscode-typescript",

vue擴展推薦

Vue VSCode Snippets

Vue 2 Snippets

上面是兩個很好用的vue代碼片段

Better Comments 高亮你注釋的擴展 比如：

css peek css轉(zhuǎn)到定義

file peek file到定義

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

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

相關(guān)文章

  • VsCode 配置Eslint格式化代碼（vue）以及常用插件

    摘要：配置插件擴展商店搜索，點擊安裝，并重新加載配置，打開文件首選項設(shè)置在用戶設(shè)置中插入配置代碼支持此時，就可以在項目中檢測代碼了檢測比較嚴(yán)格，若希望按照格式化代碼，進行以下操作安裝插件，這是上一個代碼提示，語法高亮等功能的流行插件安裝后在默認(rèn)配 配置eslint 插件擴展商店搜索 eslint，點擊安裝，并重新加載；showImg(https://segmentfault.com/img...

    laznrbfe 評論0 收藏0

  • VsCode 配置Eslint格式化代碼（vue）以及常用插件

    摘要：配置插件擴展商店搜索，點擊安裝，并重新加載配置，打開文件首選項設(shè)置在用戶設(shè)置中插入配置代碼支持此時，就可以在項目中檢測代碼了檢測比較嚴(yán)格，若希望按照格式化代碼，進行以下操作安裝插件，這是上一個代碼提示，語法高亮等功能的流行插件安裝后在默認(rèn)配 配置eslint 插件擴展商店搜索 eslint，點擊安裝，并重新加載；showImg(https://segmentfault.com/img...

    jollywing 評論0 收藏0

  • 梳理前端開發(fā)使用eslint-prettier檢查和格式化代碼

    摘要：梳理前端開發(fā)使用檢查和格式化代碼問題痛點在團隊的項目開發(fā)過程中，代碼維護所占的時間比重往往大于新功能的開發(fā)。使用格式化所有代碼。參考文檔如何花分鐘解決產(chǎn)生的各種錯誤的記憶現(xiàn)場原文轉(zhuǎn)載梳理前端開發(fā)使用檢查和格式化代碼線上猛如虎，線下慫如鼠 梳理前端開發(fā)使用eslint-prettier檢查和格式化代碼 問題痛點 在團隊的項目開發(fā)過程中，代碼維護所占的時間比重往往大于新功能的開發(fā)。因此編...

    yangrd 評論0 收藏0

  • vscode常用插件【全了】

    摘要：插件集待補充。。。同時，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項用于壓縮合并和文件的應(yīng)用程序。它提供了大量自定義的設(shè)置，以及自動壓縮保存并導(dǎo)出為文件的選項。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...

    kyanag 評論0 收藏0

  • vscode常用插件【全了】

    摘要：插件集待補充。。。同時，它還包含了用于轉(zhuǎn)換為格式和生成數(shù)據(jù)模式的選項用于壓縮合并和文件的應(yīng)用程序。它提供了大量自定義的設(shè)置，以及自動壓縮保存并導(dǎo)出為文件的選項。修改文本的更多命名格式，包括駝峰命名下劃線分隔命名，命名以及命名等切換漂亮的主題 插件集 待補充。。。 20180903 文件 【Path Intellisense】 自動補全路徑 瀏覽器 【Open-In-Browser】在...

    xcc3641 評論0 收藏0

發(fā)表評論

0條評論

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