實例詳解Vue項目使用eslint prettier規(guī)范代碼風(fēng)格？1. 安裝vetur插件。2將以下規(guī)則添加到vs代碼設(shè)置：{0”vetur.format.defaultFormatter格式“：{”

實例詳解Vue項目使用eslint prettier規(guī)范代碼風(fēng)格？

1. 安裝vetur插件。2將以下規(guī)則添加到vs代碼設(shè)置：{0”vetur.format.defaultFormatter格式“：{”HTML“：”prettier“，”CSS“：”prettier“，”postss“：”prettier“，”SCSS“：”prettier“，”less“：”prettier“，”JS“：”prettier“，”ts“：”prettier“，“stylius”：“stylius supremacy”}}下面是設(shè)置vetur使用的默認(rèn)格式插件更漂亮。這樣，HTML和JavaScript代碼就可以在?？梢愿袷交疺ue文件。Vue eslint代碼自動格式化Vue cli代碼樣式是JavaScript標(biāo)準(zhǔn)樣式，代碼檢查規(guī)范嚴(yán)格，不小心就不能運行。使用Autofix onsave的eslint可以在保存代碼時自動格式化代碼Vscode擴展插件推薦（HTML、node、Vue、react開發(fā)都適用）

vscode怎么格式化前端代碼？

不要用漂亮的，基本上過時了，等待退役狀態(tài)。

使用prettier，將vscode formatter設(shè)置為prettier，并將save file設(shè)置為觸發(fā)自動格式化。創(chuàng)建。Prettierrc文件在根目錄下，設(shè)置鎖定、引號樣式等配置。

然后安裝eslint for JS和tslint for ts。在vscode中設(shè)置格式，首先繼承l(wèi)int配置，并使用prettier配置復(fù)制。在根目錄中創(chuàng)建lint的配置文件。

然后安裝editorconfig插件并設(shè)置。根目錄中的Editorconfig配置。這個實時格式編輯器的作用是統(tǒng)一項目。簡而言之，它負責(zé)輸入代碼的時刻的格式，而漂亮的負責(zé)保存代碼的時刻的格式。兩者的統(tǒng)一性更好。

最后，你在哪里包.json還有一個命令用于自動檢查lint prettier的整個項目和自動全局格式化。用于代碼評審和自動修復(fù)，確保許多參與大型項目的人擁有完全統(tǒng)一的代碼格式。

以上vscode優(yōu)雅格式的基本實現(xiàn)。

手機打字比較麻煩，具體配置我就不詳說了。

sublime和vscode哪個制作網(wǎng)頁前端簡單些？

Vscode相對容易使用和友好，有更多的插件和強大的代碼提示和完成功能。它與相關(guān)的前端打包部署工具和代碼管理工具具有較強的親和力，具有良好的生態(tài)性。

最重要的一點是vscode已經(jīng)逐漸成為編程的主流編輯器。用戶太多了，他們不必擔(dān)心遇到問題時找不到答案。