Vite2.0创建项目（Vue3.0 + ts + element-ui）

最新推荐文章于 2024-08-28 13:52:25 发布

Terminal丶句点

最新推荐文章于 2024-08-28 13:52:25 发布

阅读量912

点赞数

分类专栏： VUE element-ui vite

本文链接：https://blog.csdn.net/qq_40026668/article/details/114442783

版权

该博客详细介绍了如何在Vite2.0环境中，结合Vue3.0、TypeScript和Element-UI创建项目。从安装环境到源码地址，一步步讲解了创建项目、配置依赖、安装依赖、配置vue-router、vuex以及element-plus的过程。

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

安装环境源码地址

npm i pnpm -g

创建项目

npm init @vitejs/app --template vue-ts

配置依赖

复制下面代码替换package.json

//package.json
{
   
  "name": "vite-project",
  "version": "0.0.0",
  "scripts": {
   
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "dependencies": {
   
    "element-plus": "^1.0.2-beta.33",
    "vue": "^3.0.5",
    "vue-class-component": "^8.0.0-rc.1",
    "vue-router": "^4.0.4",
    "vuex": "^4.0.0",
    "vuex-persistedstate": "^4.0.0-beta.3"
  },
  "devDependencies": {
   
    "@vitejs/plugin-vue": "^1.1.5",
    "@vue/compiler-sfc": "^3.0.5",