Vue3.2+Vite+ts+element-plus+pinia搭建完美前端工程化项目

happy任

已于 2022-05-19 16:15:22 修改

阅读量1.9k

点赞数 1

分类专栏：经验总结文章标签： typescript vue.js vue

于 2022-04-13 09:45:08 首次发布

本文链接：https://blog.csdn.net/qq_24182885/article/details/124140875

版权

本文介绍了如何使用Vue3.2、Vite、TypeScript、element-plus组件库和pinia状态管理来搭建一个完善的前端项目。详细讲解了package.json、main.ts、vite.config.ts、env.d.ts的配置，并探讨了pinia的入口与使用。

摘要由CSDN通过智能技术生成

使用Vue3.2+Vite+ts+element-puls+pinia搭建前端项目

一、package.json

{
   
  "name": "vue-main-web",
  "private": true,
  "version": "0.0.0",
  "scripts": {
   
    "dev": "vite --mode dev",
    "build": "vue-tsc --noEmit && vite build --mode production",
    "preview": "vite preview"
  },
  "dependencies": {
   
    "element-plus": "^2.0.5",
    "normalize.css": "^8.0.1",
    "pinia": "^2.0.11",
    "pinia-plugin-persist": "^1.0.0",
    "vue": "^3.2.25",
    "vue-router": "^4.0.13"
  },
  "devDependencies": {
   
    "@types/node": "^17.0.21",
    "@vitejs/plugin-vue": "^2.2.0",
    "less": "^4.1.2",
    "minimist": "^1.2.5",
    "sas