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

資訊專欄INFORMATION COLUMN

如何在vscode中用standard style 風格去驗證 vue文件

fredshare / 2766人閱讀

摘要:史上最便捷的統(tǒng)一代碼風格的方式,輕松擁有。自動代碼格式化。提前發(fā)現(xiàn)風格及程序問題。減少代碼審查過程中反反復(fù)復(fù)的修改過程,節(jié)約時間。如何在中用風格去驗證文件實際上有一個說明了如何使用。

1 JavaScript Standard Style簡介

本工具通過以下三種方式為你(及你的團隊)節(jié)省大量時間:

無須配置。 史上最便捷的統(tǒng)一代碼風格的方式,輕松擁有。

自動代碼格式化。 只需運行 standard --fix 從此和臟亂差的代碼說再見。

提前發(fā)現(xiàn)風格及程序問題。 減少代碼審查過程中反反復(fù)復(fù)的修改過程,節(jié)約時間。

無須猶豫。再也不用維護 .eslintrc, .jshintrc, or .jscsrc 。開箱即用。

安裝:

npm i standard -g

關(guān)于JavaScript 代碼規(guī)范, 你可以點擊鏈接看一下。

2 如何在vscode中用JavaScript Standard Style風格去驗證 vue文件

實際上JavaScript Standard Style有一個FAQ, 說明了如何使用。

但是有一點非常重要的作者沒有提到,就是eslint-plugin-html這個插件必須要安裝3.x.x版本的, 現(xiàn)在eslint-plugin-html, 已經(jīng)升級到4.x版本,默認不寫版本號安裝的就是4.x版本的,所以會出現(xiàn)問題。參考

ESLint v4 is only supported by eslint-plugin-html v3, so you can"t use eslint-plugin-html v1.5.2 with it (I should add a warning about this when trying to use the plugin with an incompatible version on ESLint).

If you do not use ESLint v4, please provide more information (package.json, a gist to reproduce, ...)

// FAQ
How to lint script tag in vue or html files?

You can lint them with eslint-plugin-html, just install it first, then enable linting for those file types in settings.json with:

 "standard.validate": [
     "javascript",
     "javascriptreact",
     "html"
 ],
 "standard.options": {
     "plugins": ["html"]
 },
 "files.associations": {
     "*.vue": "html"
 },
If you want to enable autoFix for the new languages, you should enable it yourself:

 "standard.validate": [
     "javascript",
     "javascriptreact",
     { "language": "html", "autoFix": true }
 ],
 "standard.options": {
     "plugins": ["html"]
 }
3 綜上, 整理一下安裝思路 3.1 需要安裝哪些包?

npm i -g standard

npm i -g eslint-plugin-html@3.2.2 必須是3x版本

npm i -g eslint

以上三個包都是全局安裝的,如果你想看看全局安裝了哪些包可以用npm list -g --depth=0查看

3.2 vscode config 如何寫?
  "standard.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    }
  ],
  "standard.options": {
    "plugin": ["html"]
  },
  "files.associations": {
    "*.vue": "html"
  },
3.3 如何在保存文件時,自動使用standard格式化vue文件
"standard.autoFixOnSave": true
4. 如果還不行怎么辦?

重啟一下vscode

重啟一下電腦

在此文后追加評論

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

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

相關(guān)文章

  • 如何vscode中用standard style 風格驗證 vue文件

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

    gnehc 評論0 收藏0
  • vscode 配置eslint 開發(fā)vue的相關(guān)配置

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

    lifesimple 評論0 收藏0
  • vscode 配置eslint 開發(fā)vue的相關(guān)配置

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

    haobowd 評論0 收藏0
  • 前端開發(fā)VScode常用插件

    摘要:名稱功能自動閉合標簽自動提示修改標簽時,自動修改匹配的標簽格式化編寫更加人性化的注釋添加行書簽的瀏覽器兼容性檢查運行選中代碼段支持大量語言,包括單詞拼寫檢查在中彈出瀏覽器并搜索,可編輯搜索引擎顏色值在代碼中高亮顯示小窗口顯示顏色值,等等拾色 名稱 功能 Auto Close Tag 自動閉合HTML標簽 Auto Import...

    hellowoody 評論0 收藏0
  • vscode一格式化就報錯?各種風格問題各種報錯煩不勝煩,教你如何用好vue的eslint風格配置

    摘要:格式化安裝插件如果題主認真讀了的的話,應(yīng)該可以寫出下面的配置了。用來格式化和提示格式錯誤。在編碼過程中提示格式錯誤,養(yǎng)成良好的編碼習(xí)慣。 前言 感覺搭建一個舒服的前端開發(fā)環(huán)境,十分的重要定制化的格式化,編輯器自帶的格式化各種報錯,手動改真的會死人,因此搭建一個編輯器環(huán)境必不可少,現(xiàn)在要講的是vscode中如何定制vue vs code的配置文件: showImg(https://seg...

    Achilles 評論0 收藏0

發(fā)表評論

0條評論

fredshare

|高級講師

TA的文章

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