使用vite脚手架搭建项目

102 阅读1分钟

项目描述-项目名称 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