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

實(shí)例詳解Vue項(xiàng)目使用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代碼自動(dòng)格式化Vue cli代碼樣式是JavaScript標(biāo)準(zhǔn)樣式，代碼檢查規(guī)范嚴(yán)格，不小心就不能運(yùn)行。使用eslint的Autofix onsave可以在保存代碼時(shí)自動(dòng)格式化代碼。Protel與Proteus的主要區(qū)別如下：1。Protel是上世紀(jì)80年代后期Altium開發(fā)的EDA軟件，Proteus是英國(guó)labcenter電子公司發(fā)布的EDA工具軟件。

2. Protel主要用于繪制原理圖和設(shè)計(jì)PCB；Protel主要用于用專業(yè)電路板繪制工具繪制電路圖，但廠家考慮到一些常用電路有仿真的需要，所以增加了仿真功能。它主要用于模擬，而不是Proteus的附加功能。Protel可以進(jìn)行簡(jiǎn)單的模擬/數(shù)字電路仿真和功能強(qiáng)大的PCB設(shè)計(jì)。主要應(yīng)用領(lǐng)域有教學(xué)、技能評(píng)估、產(chǎn)品開發(fā)等，Proteus可以直接模擬模擬/數(shù)字電路、MCU和arm。也可以是一個(gè)簡(jiǎn)單的PCB設(shè)計(jì)。

PROTEL與PROTUES有什么區(qū)別？

不要用漂亮的?；旧弦呀?jīng)過(guò)時(shí)了，等著退休。

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

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

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

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

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

手機(jī)打字比較麻煩，具體配置我就不詳說(shuō)了。