vue3全家桶跟随笔记

前期准备环境：

node (18.14.2) , 安装pnpm

1. 安装vue3空项目

## 创建工程

npm create vite@latest "项目名字" --template vue-ts

## 进入工程目录

cd "项目名字" 

## 安装依赖

npm i

## 运行

npm run dev

2. 安装mock,elementui-plus,axios,vuex，pinia,ts,vue-router,vite

 

 

 

 

 

 

 

 

 

排坑指南：

1. 找不到模块“@/store”

解决：

　　1. 在vite.config.ts文件中，新增

　　import { resolve } from 'path'　　 // 新增

　　resolve: { 　　　　　　　　　　// 新增

    　　//设置别名

   　　 alias: {

     　　 '@': resolve(__dirname, './src'),

    　　},

  　　},

 

　　2. tsconfig.json

　　// 新增

 　　"baseUrl": ".",

    　　"paths": {

      　　"@/*": [

       　　 "src/*"

     　　 ],

      　　"store/*": ["src/store/*"]

   　　 }