Vite4+Typescript+Vue3+Pinia 从零搭建- - 唯知为之

Vite4+Typescript+Vue3+Pinia 从零搭建(1) - 项目初始化

摘要：

项目代码同步至码云 weiz-vue3-template 前提准备 1. node版本 Node.js版本 >= 12，如果有老项目需要旧版本的，推荐用 nvm 管理node版本。 PS C:\Users\Administrator> nvm --version 1.1.11 PS C:\Users 阅读全文

posted @ 2023-11-09 19:03 唯知为之阅读(1316) 评论(0) 推荐(0)

Vite4+Typescript+Vue3+Pinia 从零搭建(2) - ts配置

摘要：

项目代码同步至码云 weiz-vue3-template 关于tsconfig的配置字段可查看其他文档，如 typeScript tsconfig配置详解 tsconfig.json 文件修改如下: { "compilerOptions": { "target": "ESNext", // 将代码编阅读全文

posted @ 2023-11-09 19:18 唯知为之阅读(954) 评论(0) 推荐(0)

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

摘要：

项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。初始内容项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu 阅读全文

posted @ 2023-11-14 00:18 唯知为之阅读(1771) 评论(0) 推荐(4)

Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范

摘要：

项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito 阅读全文

posted @ 2023-11-28 17:10 唯知为之阅读(948) 评论(0) 推荐(2)

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

摘要：

项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例在src/view下阅读全文

posted @ 2023-11-29 22:34 唯知为之阅读(719) 评论(0) 推荐(0)

Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina

摘要：

项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网查看特点更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染对TS支持更为友好阅读全文

posted @ 2023-12-05 10:56 唯知为之阅读(960) 评论(0) 推荐(3)

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

摘要：

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求，支持多域名请求地址安装 npm i axios 封装 utils 目录下新建 request 文件夹，并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件阅读全文

posted @ 2023-12-20 18:31 唯知为之阅读(1219) 评论(0) 推荐(4)

唯知

知之为知之，不知为不知

合集-Vite4+Typescript+Vue3+Pinia 从零搭建

公告