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

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

摘要：編輯器設(shè)置編輯器下載插件推薦其他需要可以自己安裝編輯器配置打開(kāi)文件選擇首選項(xiàng)選擇設(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

編輯器配置

打開(kāi)文件/code

選擇首選項(xiàng)

選擇設(shè)置

在User Settings 中加入以下代碼

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

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

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

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

相關(guān)文章

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

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

yangrd 2019-08-22 17:01 評(píng)論0 收藏0
vscode-eslint的踩坑實(shí)踐--typescript無(wú)法格式化

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

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

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

Hujiawei 2019-08-23 14:55 評(píng)論0 收藏0
Nuxt項(xiàng)目支持eslint+pritter+typescript

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

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

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

pekonchan 2019-08-20 15:14 評(píng)論0 收藏0