VScode編輯器開發(fā)vue項目，保存時使用ESlint進(jìn)行代碼檢查和修復(fù)

NikoManiac 發(fā)布于2019-08-26 12:08 / 2153人閱讀

摘要：編輯器設(shè)置編輯器下載插件推薦其他需要可以自己安裝編輯器配置打開文件選擇首選項選擇設(shè)置在中加入以下代碼具體規(guī)則可參考官方網(wǎng)站

VSCode 編輯器設(shè)置

編輯器下載

插件推薦[PS: 其他需要可以自己安裝]

Auto Close Tag

Auto Rename Tag

Beautify css/sass/scss/less

ESLint

open in browser

Path intellisense

SVG Viewer

Vetur

vscode-icons

Javascript (ES6) code snippets

Vue 2 Snippets

Chinese (Simplified) Language Pack for Visual Studio Code

編輯器配置

打開文件/code

選擇首選項

選擇設(shè)置

在User Settings 中加入以下代碼

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
    "language": "html",
    "autoFix": true
    },
    {
    "language": "vue",
    "autoFix": true
    }
]

具體規(guī)則可參考ESLint官方網(wǎng)站

GPU云服務(wù)器云服務(wù)器 i節(jié)點_檢查和修復(fù)linux linux 檢查修復(fù)硬盤 linux如何進(jìn)行磁盤修復(fù) 進(jìn)行域名解析時

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

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

相關(guān)文章

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

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

yangrd 2019-08-22 17:01 評論0 收藏0
vscode-eslint的踩坑實踐--typescript無法格式化

摘要：的踩坑實踐無法格式化引言最近開發(fā)的前端項目隨著開發(fā)的人員越來越多，代碼規(guī)范已經(jīng)是一個很難避免的問題了，雖然百度有這個規(guī)則檢查，但是不論是或者是項目本地都沒有配置或檢查，完全靠自覺，這是件非常扯淡的事。 vscode-eslint的踩坑實踐--typescript無法格式化引言最近開發(fā)的前端項目隨著開發(fā)的人員越來越多，代碼規(guī)范已經(jīng)是一個很難避免的問題了，雖然百度有fecs這個規(guī)則檢查...

harryhappy 2019-08-22 14:57 評論0 收藏0
在 React-CRA 應(yīng)用中配合 VSCode 使用 ESLint 實踐前端代碼規(guī)范

摘要：編碼規(guī)范是獨角獸公司內(nèi)部的編碼規(guī)范，該項目是上很受歡迎的一個開源項目，在前端開發(fā)中使用廣泛，本文的配置規(guī)則就是以編碼規(guī)范和編碼規(guī)范作為基礎(chǔ)的。更新時間：2019-01-22React.js create-react-app 項目 + VSCode 編輯器 + ESLint 代碼檢查工具 + Airbnb 編碼規(guī)范前言為什么要使用 ESLint 在項目開發(fā)過程中，編寫符合團(tuán)隊編碼規(guī)...

Hujiawei 2019-08-23 14:55 評論0 收藏0
Nuxt項目支持eslint+pritter+typescript

摘要：腳手架安裝好的基本項目項目名，如，按照提示安裝你想要的東西，本次項目預(yù)裝模式下，默認(rèn)的項目目錄如下保存自動格式化修復(fù)本人習(xí)慣縮進(jìn)為個空格，但是生成的項目默認(rèn)為個，因此需要更改配置文件下的更改為保存時自動修復(fù)錯誤保存自動格式化開啟支腳手架安裝好nuxt的基本項目 npx create-nuxt-app ，如：npx create-nuxt-app nuxt-ts，按照提示安裝你想要的...

draveness 2019-08-26 13:51 評論0 收藏0
如何優(yōu)雅地使用 VSCode 來編輯 vue 文件？

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

pekonchan 2019-08-20 15:14 評論0 收藏0