Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

项目初始化 npm init@latest

1、安装eslint

• npm install eslint --save -dev
• npx eslint --init
• 选择standard这个库

2、安装element-plus

• npm install element-plus --save
• 按需导入
• npm install -D unplugin-vue-components unplugin-auto-import
• 在vite.config.js使用按需导入方法

3、安装sass

• npm install sass --save -dev
• vite.config.js里面配置css

4、安装pina npm install pinia

5、安装prettier

• npm install prettier -D
• npm install eslint-config-prettier -D // eslint兼容的插件
• npm install eslint-plugin-prettier -D // eslint的prettier
• 安装完毕记得新建prettier.config.cjs这个文件

6、pina持久化 npm install pinia-plugin-persistedstate

7、安装router npm install vue-router@4