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

安裝 vue2 環(huán)境

yarn create vite// 選擇 framework: vanilla // 不選 vue，是因?yàn)関ue默認(rèn)是vue3// 自行安裝環(huán)境 yarn add vite-plugin-vue2 vue-template-compiler -D yarn add vue vue-router vuex // 配置 vue 環(huán)境 // 新建 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();// 安裝其他依賴(lài) yarn add axios yarn add element-ui sass

配置 eslint

// 全局安裝eslint yarn add eslint -global// 初始化項(xiàng)目 eslint --init// 按照項(xiàng)目需求配置 // 遇到module報(bào)錯(cuò)，在 .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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。