VScode編輯器開發vue項目，保存時使用ESlint進行代碼檢查和修復

NikoManiac 發布于2019-08-26 12:08 / 2149人閱讀

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

VSCode 編輯器設置

編輯器下載

插件推薦[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

選擇首選項

選擇設置

在User Settings 中加入以下代碼

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

具體規則可參考ESLint官方網站

GPU云服務器云服務器 i節點_檢查和修復linux linux 檢查修復硬盤 linux如何進行磁盤修復進行域名解析時

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108101.html

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

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

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

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

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

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

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

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

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

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

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