项目描述-项目名称 Management system
运行环境
本机测试:nodejs-v19
技术栈
vite + vue3 + vuex@4 + router@4 + elementpuls
使用vite脚手架搭建项目
下载vue3库及router插件,创建项目名
npm init vue@latest
安装依赖包
npm install
开发环境运行
npm run dev
项目结构分析
清理多余文件
路由router插件
若创建时未安装,也可手动安装
npm install vue-ruoter@4 --save
重置样式
npm install normalize.css
Vuex初始化
安装vuex插件
npm i vuex@next -s
持久化储存
npm i vuex-persistedstate -s
引入重置样式normalize.css
import 'normalize.css'
UI库组件
安装element-plus
npm install element-plus --save
自动按需导入
npm install -D unplugin-vue-components unplugin-auto-import