国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

解決vue代碼不規(guī)范而出現(xiàn)的問題:Eslint修復

這篇具有很好參考價值的文章主要介紹了解決vue代碼不規(guī)范而出現(xiàn)的問題:Eslint修復。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

當我們剛創(chuàng)建一個vue項目,寫代碼時候,因為代碼寫的不規(guī)范會出很多問題,報很多錯誤,除了一個一個去修改他們,還有沒有其他辦法去解決他們呢?

這里介紹三種辦法去統(tǒng)一解決:

方法一:每次運行npm run lint

package.json文件里有一個"lint":“vue-cli-service? lint”,每次寫完代碼,運行一下lint:npm run lint,會自動幫你修復,但是變量沒有用,不會給你自動修復,需要你自己手動修復。

方法二:自動修復eslint(推薦)

(1)安裝eslint插件,并啟用;

(2)在【文件】=>【首選項】=>【設置】,找到setting.json,加上以下配置:

"editor.codeActionsOnSave":{
        "source.fixAll":ture
}

setting.json位置:?

vue eslint 自動修復,web前端開發(fā),前端,javascript,vue.js,前端框架

配置完,當你每次寫完代碼ctrl+s保存以下就自動給你修復了。

但是這個方案跟你的vscode和eslint版本是息息相關的,所以會出現(xiàn)版本不適用問題,有時候就沒用了。

方案三:暫時關掉eslint,等代碼都寫完了,最后運行一次 npm run lint(推薦)

創(chuàng)建一個vue.config.js文件,在文件中加上下面這句代碼:

module.exports = {
    lintOnSave:false //暫時關閉代碼格式檢測
}

然后重啟項目,直接運行:

npm run lint

代碼不規(guī)范就被修復了。文章來源地址http://www.zghlxwxcb.cn/news/detail-590873.html

到了這里,關于解決vue代碼不規(guī)范而出現(xiàn)的問題:Eslint修復的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • uniapp+vite+vue3+ts配置eslint代碼檢查及prettier規(guī)范檢查

    uniapp+vite+vue3+ts配置eslint代碼檢查及prettier規(guī)范檢查

    首先要知道eslint與prettier的區(qū)別,ESLint 是一個用于檢測?JavaScript?代碼中的錯誤和潛在問題的工具。它只關注你寫的代碼是否正確,不會管你代碼的格式;Prettier 則是一個代碼格式化工具,它旨在確保代碼在縮進、空格、換行、引號和分號等格式化方面遵循一致的規(guī)則,在

    2024年03月16日
    瀏覽(42)
  • Vue3+Vite+TS項目集成ESlint +Prettier實現(xiàn)代碼規(guī)范檢查和代碼格式化

    Vue3+Vite+TS項目集成ESlint +Prettier實現(xiàn)代碼規(guī)范檢查和代碼格式化

    我在這里直接是通過vite提供的默認模板來創(chuàng)建一個vue3?+ ts的項目。這里可以cmd,然后npm -v來查看版本。 這樣一個vue3 + ts的項目就創(chuàng)建好了,使用vscode打開該項目,然后執(zhí)行 yarn 安裝依賴 依賴安裝完成后,執(zhí)行?? yarn dev ?啟動項目就可以在瀏覽器中正常訪問了。 ? 初始化

    2024年01月24日
    瀏覽(30)
  • vite 創(chuàng)建vue3項目,使用 Prettier 統(tǒng)一格式化代碼,集成 ESLint、Stylelint 代碼校驗規(guī)范

    vite 創(chuàng)建vue3項目,使用 Prettier 統(tǒng)一格式化代碼,集成 ESLint、Stylelint 代碼校驗規(guī)范

    在團隊開發(fā)中,保持代碼風格的一致性和代碼質量的高度,對于項目的可維護性和可讀性非常重要。為了實現(xiàn)這一目標,我們可以使用工具來自動格式化代碼并進行代碼校驗,在開發(fā)過程中捕獲潛在的問題,并提供修復建議。 本示例中,我們將使用 Vite 來創(chuàng)建一個新的 Vue

    2024年04月28日
    瀏覽(24)
  • 【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 約束和統(tǒng)一前端代碼規(guī)范

    本文介紹 vue3-element-admin 如何通過ESLint 檢測 JS/TS 代碼、Prettier 格式化代碼、Stylelint 檢測 CSS/SCSS 代碼和配置 EditorConfig 來全方位約束和統(tǒng)一前端代碼規(guī)范。 ESLint 可組裝的JavaScript和JSX檢查工具,目標是保證代碼的一致性和避免錯誤。 安裝 ESLint 插件 VSCode 插件市場搜索 ESLint 插

    2023年04月17日
    瀏覽(17)
  • Vue項目中代碼規(guī)范(Prettier + ESLint)

    Vue項目中代碼規(guī)范(Prettier + ESLint)

    P r e t t i e r 用于統(tǒng)一代碼格式,它主要關注代碼外觀,例如縮進、換行、引號等 Prettier用于統(tǒng)一代碼格式,它主要關注代碼外觀,例如縮進、換行、引號等 P re tt i er 用于統(tǒng)一代碼格式,它主要關注代碼外觀,例如縮進、換行、引號等 E S L i n t 用于代碼質量和規(guī)范,它主要可

    2024年02月04日
    瀏覽(22)
  • 代碼提交規(guī)范-ESLint+Prettier+husky+Commitlint

    代碼提交規(guī)范-ESLint+Prettier+husky+Commitlint

    先看下思維導圖分析 裝包配置.eslintrc.js 配置忽略文件 運行 詳細講解 以react 項目為例 配置文件 eslintrc文件 根目錄/.eslintrc.js 設置忽略文件 .eslintignore 主要步驟 配置perttier 配置忽略文件 處理eslint的沖突 配置vscode的setting.json 配置.prettierrc.js文件 判斷是否生效直接使用命令 n

    2024年02月04日
    瀏覽(18)
  • vscode的eslint配置保存自動修復代碼

    vscode的eslint配置保存自動修復代碼

    提示:本文展示了vue項目中配置eslint,在vscode編輯器中保存后可以自動修復 本次配置達到的效果:vue代碼格式有問題會根據插件的eslint規(guī)則紅色波浪線提示、ctrl+s保存后根據波浪線的規(guī)則進行代碼修復(包括自動刪除尾部逗號等) vue項目配置eslint,vscode下載的eslint插件,與

    2024年02月10日
    瀏覽(19)
  • ? Vue使用Eslint檢測報錯問題和解決

    關閉ESLint語法檢測即可:具體步驟如下: 第一步我們打開setting設置: 打開左上角的file,然后點擊setting 接下來進入setting以后我們來看下面操作: eol-last 在–fix命令行上的選項可以自動修復一些被這條規(guī)則反映的問題。 在非空文件中跟蹤換行符是一種常見的 UNIX 習慣用法。

    2024年02月11日
    瀏覽(14)
  • Vue項目 -- 解決Eslint導致的console報錯問題

    Vue項目 -- 解決Eslint導致的console報錯問題

    在利用vue-cli3+構建的項目中引入eslint進行語法檢查時,使用console.log(‘xxx’)時,控制臺拋出了Unexpected console statement (no-console) 異常, 例:一使用console就提示報錯 解決辦法是: 在 .eslintrc.js 文件中寫入以下內容:

    2024年02月08日
    瀏覽(22)
  • vscode使用eslint及prettier配合解決代碼格式問題

    vscode使用eslint及prettier配合解決代碼格式問題

    esLint是提供一個插件化的javascript代碼檢測工具。 esLint 配置文件遵循 commonJS 的導出規(guī)則,所導出的對象是 eslint 的配置對象。 1、打開vscode 在插件選項中找到對應插件進行安裝即可。 2、新建一個.prettierrc文件 在該文件下,寫入一下代碼 3、設置vscode保存代碼時,讓代碼符合

    2024年02月02日
    瀏覽(60)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包