国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<listing id="jongf"><code id="jongf"></code></listing><listing id="jongf"><fieldset id="jongf"></fieldset></listing>

<tr id="jongf"><center id="jongf"></center></tr><tbody id="jongf"><rt id="jongf"></rt></tbody>

vue重修之自定義項(xiàng)目、ESLint和代碼規(guī)范修復(fù)

2年前作者：緣友一世分類：Toy博客閱讀(59)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了vue重修之自定義項(xiàng)目、ESLint和代碼規(guī)范修復(fù)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

VueCli 自定義創(chuàng)建項(xiàng)目

vue重修之自定義項(xiàng)目、ESLint和代碼規(guī)范修復(fù),# Vue學(xué)習(xí),vue.js,代碼規(guī)范,前端

安裝腳手架 (已安裝)

npm i @vue/cli -g

創(chuàng)建項(xiàng)目

vue create xxx

選項(xiàng)

Vue CLI v5.0.8
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features     選自定義

手動(dòng)選擇功能

選擇vue的版本

是否使用history模式
選擇css預(yù)處理
選擇eslint的風(fēng)格（eslint 代碼規(guī)范的檢驗(yàn)工具，檢驗(yàn)代碼是否符合規(guī)范）
選擇校驗(yàn)的時(shí)機(jī) （直接回車）
選擇配置文件的生成方式（直接回車）
是否保存預(yù)設(shè)，下次直接使用？ => 不保存，輸入 N
啟動(dòng)項(xiàng)目
```
npm run serve
```

ESlint代碼規(guī)范及手動(dòng)修復(fù)

[JavaScript Standard Style 規(guī)范說明] (https://standardjs.com/rules-zhcn.html)
代碼規(guī)范：一套寫代碼的約定規(guī)則.

代碼規(guī)范錯(cuò)誤

如果代碼不符合 standard 的要求，ESlint 會(huì)有提示
兩種解決方案：
1. 手動(dòng)修正
- 根據(jù)錯(cuò)誤提示來一項(xiàng)一項(xiàng)手動(dòng)修改糾正。
- 如果你不認(rèn)識(shí)命令行中的語(yǔ)法報(bào)錯(cuò)是，根據(jù)錯(cuò)誤代碼去百度或者ESLint規(guī)則表中查找其具體含義。
1. 自動(dòng)修正
- 基于 vscode 插件 ESLint 高亮錯(cuò)誤，并通過配置自動(dòng) 幫助我們修復(fù)錯(cuò)誤。

vue重修之自定義項(xiàng)目、ESLint和代碼規(guī)范修復(fù),# Vue學(xué)習(xí),vue.js,代碼規(guī)范,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-732829.html

配置

// 當(dāng)保存的時(shí)候，eslint自動(dòng)幫我們修復(fù)錯(cuò)誤
"editor.codeActionsOnSave": {
    "source.fixAll": true
},
// 保存代碼，不自動(dòng)格式化
"editor.formatOnSave": false

注意：eslint的配置文件必須在根目錄下，這個(gè)插件才能才能生效。打開項(xiàng)目必須以根目錄打開，一次打開一個(gè)項(xiàng)目

settings.json 參考

{
    "window.zoomLevel": 2,
    "workbench.iconTheme": "vscode-icons",
    "editor.tabSize": 2,
    "emmet.triggerExpansionOnTab": true,
    // 當(dāng)保存的時(shí)候，eslint自動(dòng)幫我們修復(fù)錯(cuò)誤
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    // 保存代碼，不自動(dòng)格式化
    "editor.formatOnSave": false
}

到了這里，關(guān)于vue重修之自定義項(xiàng)目、ESLint和代碼規(guī)范修復(fù)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

vite 創(chuàng)建vue3項(xiàng)目，使用 Prettier 統(tǒng)一格式化代碼，集成 ESLint、Stylelint 代碼校驗(yàn)規(guī)范
在團(tuán)隊(duì)開發(fā)中，保持代碼風(fēng)格的一致性和代碼質(zhì)量的高度，對(duì)于項(xiàng)目的可維護(hù)性和可讀性非常重要。為了實(shí)現(xiàn)這一目標(biāo)，我們可以使用工具來自動(dòng)格式化代碼并進(jìn)行代碼校驗(yàn)，在開發(fā)過程中捕獲潛在的問題，并提供修復(fù)建議。本示例中，我們將使用 Vite 來創(chuàng)建一個(gè)新的 Vue
2024年04月28日
瀏覽(24)
Vue項(xiàng)目中代碼規(guī)范（Prettier + ESLint）
P r e t t i e r 用于統(tǒng)一代碼格式，它主要關(guān)注代碼外觀，例如縮進(jìn)、換行、引號(hào)等 Prettier用于統(tǒng)一代碼格式，它主要關(guān)注代碼外觀，例如縮進(jìn)、換行、引號(hào)等 P re tt i er 用于統(tǒng)一代碼格式，它主要關(guān)注代碼外觀，例如縮進(jìn)、換行、引號(hào)等 E S L i n t 用于代碼質(zhì)量和規(guī)范，它主要可
2024年02月04日
瀏覽(22)
React 項(xiàng)目配置代碼提交規(guī)范 ESLint、Pretttier、Husky、CommitLint
React 項(xiàng)目配置代碼提交規(guī)范 ESLint、Pretttier、Husky、CommitLint 前言團(tuán)隊(duì)開發(fā)的成員越來越多，項(xiàng)目都是由多個(gè)人進(jìn)行開發(fā)和維護(hù)，每個(gè)人的代碼書寫習(xí)慣和風(fēng)格又不盡相同，commit 的提交log 也是亂七八糟，為以后的開發(fā)和維護(hù)增添了很多困難，所以規(guī)范和約束在多人協(xié)作下，就
2024年04月15日
瀏覽(33)
uniapp+vite+vue3+ts配置eslint代碼檢查及prettier規(guī)范檢查
首先要知道eslint與prettier的區(qū)別，ESLint 是一個(gè)用于檢測(cè)?JavaScript?代碼中的錯(cuò)誤和潛在問題的工具。它只關(guān)注你寫的代碼是否正確，不會(huì)管你代碼的格式；Prettier 則是一個(gè)代碼格式化工具，它旨在確保代碼在縮進(jìn)、空格、換行、引號(hào)和分號(hào)等格式化方面遵循一致的規(guī)則，在
2024年03月16日
瀏覽(41)
從0搭建Vue3組件庫(kù)(十一): 集成項(xiàng)目的編程規(guī)范工具鏈(ESlint+Prettier+Stylelint)
欲先善其事,必先利其器。一個(gè)好的項(xiàng)目是必須要有一個(gè)統(tǒng)一的規(guī)范,比如代碼規(guī)范,樣式規(guī)范以及代碼提交規(guī)范等。統(tǒng)一的代碼規(guī)范旨在增強(qiáng)團(tuán)隊(duì)開發(fā)協(xié)作、提高代碼質(zhì)量和打造開發(fā)基石,所以每個(gè)人必須嚴(yán)格遵守。本篇文章將引入 ESLint+Prettier+Stylelint 來對(duì)代碼規(guī)范化。 ESLint
2024年02月02日
瀏覽(42)
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 約束和統(tǒng)一前端代碼規(guī)范
本文介紹 vue3-element-admin 如何通過ESLint 檢測(cè) JS/TS 代碼、Prettier 格式化代碼、Stylelint 檢測(cè) CSS/SCSS 代碼和配置 EditorConfig 來全方位約束和統(tǒng)一前端代碼規(guī)范。 ESLint 可組裝的JavaScript和JSX檢查工具，目標(biāo)是保證代碼的一致性和避免錯(cuò)誤。安裝 ESLint 插件 VSCode 插件市場(chǎng)搜索 ESLint 插
2023年04月17日
瀏覽(16)
vue-cli自定義創(chuàng)建項(xiàng)目-eslint依賴沖突解決方式
創(chuàng)建項(xiàng)目步驟概覽：在安裝 npm安裝時(shí)會(huì)報(bào)錯(cuò) 依賴沖突原因： @vue/eslint-config-standard@6.1.0 依賴于 eslint-plugin-vue 的 ^7.0.0 版本，但是項(xiàng)目中安裝了更高版本的 eslint-plugin-vue 解決方式：降級(jí)eslint-plugin-vue到@vue/eslint-config-standard支持的版本解決后：再進(jìn)行npm安裝，就能成功
2024年04月09日
瀏覽(20)
vue3項(xiàng)目 - Eslint 配置代碼風(fēng)格
總結(jié)： Prettier? ?（代碼規(guī)范的插件，格式化）--- 美觀 Eslint ? （規(guī)范、糾錯(cuò)、檢驗(yàn)錯(cuò)誤）----- 糾錯(cuò) 首先，禁用 Prettier 插件，安裝 ESLint 插件，配置保存時(shí)自動(dòng)修復(fù) 再配置代碼風(fēng)格文件 .eslintrc.cjs （Prettier 配置 + ESLint 配置，附配置代碼）配置內(nèi)容如， Prettier：?jiǎn)我?hào)、
2024年02月04日
瀏覽(21)
【vue3+ts項(xiàng)目】配置eslint校驗(yàn)代碼工具，eslint+prettier+stylelint
package.json中 vite后面加上 --open 回答問題如下：使用eslint僅檢查語(yǔ)法，還是檢查語(yǔ)法及錯(cuò)誤，選第二個(gè) 使用的是什么模塊，選第一個(gè) 項(xiàng)目使用的是什么框架，選vue 項(xiàng)目中使用TyoeScript ，選yes 項(xiàng)目運(yùn)行在哪，選瀏覽器創(chuàng)建的配置類型需要什么類型的，選Javascript 需要安裝這些
2024年02月09日
瀏覽(54)
代碼提交規(guī)范-ESLint+Prettier+husky+Commitlint
先看下思維導(dǎo)圖分析裝包配置.eslintrc.js 配置忽略文件運(yùn)行詳細(xì)講解以react 項(xiàng)目為例配置文件 eslintrc文件根目錄/.eslintrc.js 設(shè)置忽略文件 .eslintignore 主要步驟配置perttier 配置忽略文件處理eslint的沖突配置vscode的setting.json 配置.prettierrc.js文件判斷是否生效直接使用命令 n
2024年02月04日
瀏覽(18)

<option id="gguti"><samp id="gguti"><strong id="gguti"></strong></samp></option>

<option id="gguti"></option>