【vite+pinia】

最新推荐文章于 2024-11-20 20:21:58 发布

原创最新推荐文章于 2024-11-20 20:21:58 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

# vite
1. 轻量快速热重载，开发环境中不需要打包操作，可以快速冷启动
按需编译，不需要等待整个应用编译完成

# pinia
1. 支持vue2和vue3，是vue专属的状态管理库，允许跨组件或者页面
共享状态
2. 与vuex相比，pinia提供了更简单的API。最重要的是搭配ts一起使用时有非常可靠的类型推断支持

## 特点：v2和v3都支持
1. 抛弃mutation，只有state，getter，action
2. ts支持
3. 代码简洁，很好的代码自动分割

# VUe-cli：
## vue2-3:vue-cli 构建项目
1. 处于维护模式

## 使用vite创建项目
1. npm create vite@latest   ---- 创建项目
2. √ Project name: ... vite-project --- 创建项目(起名)
3. Select a framework: » - Use arrow-keys. Return to submit.     选择项目框架
           Vanilla
        >   Vue
            React
            Preact
            Lit
            Svelte
            Others
4. Select a variant: » - Use arrow-keys. Return to submit.   选择语言
        >   JavaScript
            TypeScript
            Customize with create-vue
            Nuxt

            cd vite-project     --- 进入项目目录
            npm install         --- 安装项目依赖
            npm run dev         --- 启动项目

### --vite 只搭建纯粹的vue 项目，其他比如vuex，router都需要自己安装

## 安装其他的
1. --npm install vue-router@4