Vue 3 + TypeScript + Vite创建项目并安装常用插件

创建项目

• 创建项目

npm init vite
√ Project name: ... wego-admin
√ Select a framework: » vue
√ Select a variant: » vue-ts

• 安装依赖

npm install

• 运行项目

npm run dev

安装@vueuse/core : 组件吸附

npm install @vueuse/core

安装轮播图插件

npm install @splidejs/vue-splide

安装types-node

安装mitt 用于组件之间传值

npm install mitt -S

安装sass

npm install sass -S

安装less

npm i less-loader less --save-dev

安装 normalize.css

npm install normalize.css

安装 element-plus及相关 element-plus

• npm install element-plus --save
• npm install -D unplugin-vue-components unplugin-auto-import

Icon

npm install @element-plus/icons-vue

安装vue-router

npm install vue-router@4 -S

安装mitt 用于组件之间传值

npm install mitt -S

安装qs

npm install qs

安装axios

npm install axios -S

安装mockjs

npm install mockjs -save-dev

安装pinia

npm install pinia

安装pinia持久化存储插件

命令：npm install pinia-plugin-persist --save

安装富文本编辑器：wangeditor

• npm install @wangeditor/editor --save
• npm install @wangeditor/editor-for-vue@next --save

设置代理

打开vite.config.ts: