// npm 和 yarn 皆可，這里以 yarn 舉例

安裝 vue2 環境

yarn create vite// 選擇 framework: vanilla // 不選 vue，是因為vue默認是vue3// 自行安裝環境 yarn add vite-plugin-vue2 vue-template-compiler -D yarn add vue vue-router vuex // 配置 vue 環境 // 新建 vite.config.js import { resolve } from "path"; import { createVuePlugin } from "vite-plugin-vue2";export default {"plugins": [createVuePlugin(/* options */) ],"resolve": {"alias": {"@": resolve(__dirname, "src")}} }// 修改 main.js import Vue from "vue"; import App from "@/App.vue"; import router from "@/router/index"; import store from "@/store/index"; import "./style.css";new Vue({"el": "#app",router,store,"render": (h) => h(App) }).$mount();// 安裝其他依賴 yarn add axios yarn add element-ui sass

配置 eslint

// 全局安裝eslint yarn add eslint -global// 初始化項目 eslint --init// 按照項目需求配置 // 遇到module報錯，在 .eslintrc.js中 env加上 "amd": true// 然后在rules中修改部分配置

文件目錄供參考

📦src┣ 📂api┣ 📂config┃ ┗ 📜index.js┣ 📂router┃ ┗ 📜index.js┣ 📂store┃ ┣ 📂plugins┃ ┃ ┗ 📜index.js┃ ┣ 📜account.js┃ ┗ 📜index.js┣ 📂util┃ ┗ 📜request.js┣ 📂view┃ ┣ 📜About.vue┃ ┗ 📜Hello.vue┗ 📜App.vue

總結

以上是生活随笔為你收集整理的vite + vue2 + eslint 项目配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。