使用腳手架創(chuàng)建vue2項目會默認(rèn)安裝的插件（eslint) 這個插件是檢查語法的。

假設(shè)我們在main.js中定義了一個變量，沒有使用?eslint 就會檢測出錯誤? ?（事實是我們并沒有寫錯而是eslint 給我們判斷是錯的，所以這樣會很麻煩，那要怎么關(guān)閉他呢）

，

3.如何關(guān)閉eslint語法檢查?

在vue.confing.js文件中配置：

module.exports = defineConfig({lintOnSave: false
})

4.如何在運(yùn)行項目時自動打開網(wǎng)址

只需要在package.json文件中找到scripts字段，在運(yùn)行時 后面添加??--open

 "scripts": {"serve": "vue-cli-service serve --open","build": "vue-cli-service build","lint": "vue-cli-service lint"}

5、src文件夾簡寫方法，配置別名
jsconfig.json配置別名@提示 【@代表的是src文件夾，這樣將來文件過多，找的時候方便很多】

{"compilerOptions": {"target": "es5","module": "esnext","baseUrl": "./","moduleResolution": "node","paths": {"@/*": ["src/*"]},"lib": ["esnext","dom","dom.iterable","scripthost"]}
}

?

詳細(xì)解釋

• target:

  • 指定 ECMAScript 目標(biāo)版本，es5?表示將 TypeScript 編譯成 ES5 代碼，以便在大多數(shù)瀏覽器中運(yùn)行。

• module:

  • 指定模塊代碼生成方式，esnext?表示使用最新的 ECMAScript 模塊系統(tǒng)。

• baseUrl:

  • 設(shè)置模塊導(dǎo)入的基準(zhǔn)目錄。./?表示當(dāng)前目錄，即項目根目錄。

• moduleResolution:

  • 指定模塊解析策略。node?表示使用 Node.js 風(fēng)格的模塊解析機(jī)制，這意味著 TypeScript 會按照 Node.js 的規(guī)則尋找模塊。

• paths:

  • 設(shè)置路徑映射，用于簡化模塊導(dǎo)入路徑。例如，@/components/Button?實際上會被解析為?src/components/Button。
  • @/*?表示所有以?@/?開頭的路徑，都會映射到?src/?目錄。

• lib:

  • 指定要包含在編譯中的庫文件。這些庫文件通常包括特定環(huán)境的 API 聲明文件。
  • "esnext": 包含最新的 ECMAScript 標(biāo)準(zhǔn)庫聲明文件。
  • "dom": 包含瀏覽器 DOM API 聲明文件。
  • "dom.iterable": 包含可迭代 DOM API 聲明文件，例如支持 NodeList、HTMLCollection 等。
  • "scripthost": 包含宿主腳本環(huán)境（如 Windows Script Host）的標(biāo)準(zhǔn)庫聲明文件。