vite怎么创建一个标准vue3+ts+pinia项目
导读:本文共4018.5字符,通常情况下阅读需要13分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 【01】使用的 Yarn创建项目:1、执行命令yarncreatevitemy-vue-app--templatevue-ts3、cd my-vue-app //进入到项目4、yarn // 安装依赖5、yarn dev // 运行项目vite.config.tsimportpathfrom'path'//需要安装@types/node并在tsc... ...
目录
(为您整理了一些要点),点击可以直达。- (4):1. 安装pinia
- (5):2. 引用到项目
- (6):3. 使用pinia Demo
- (7):1. 安装 router
- (8):2. 如何使用
- (9):1). 创建router
- (10):2). 引用到项目
- (13):2. 配置 vite.cinfig.ts
- (14):1. 先安装依赖包
- (15):2. 自动导入样式和组件
- (17):2). 配置到vite
- (18):3. element-plus 图标库
- (19):1). 安装依赖包
- (20):2). 自动导入icon组件配置
- (21):3). 使用方法
- (22):1. 安装
- (23):2. 配置sass全局变量
- (24):2.根目录添加.prettierrc.js文件
- (25):3. 根目录添加.eslintrc.js文件
1、执行命令
3、cd my-vue-app //进入到项目
4、yarn // 安装依赖
5、yarn dev // 运行项目
vite.config.ts
pinia官网
1. 安装pinia
2. 引用到项目
3. 使用pinia Demo
1. 安装 router
2. 如何使用
1). 创建router
2). 引用到项目
1. 首先需要安装unplugin-auto-import和unplugin-vue-components两个插件
- unplugin-auto-import: 自动导入api
- unplugin-vue-components: 自动导入使用的组件
2. 配置 vite.cinfig.ts
1. 先安装依赖包
2. 自动导入样式和组件
1). 首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件
2). 配置到vite
3. element-plus 图标库
1). 安装依赖包
2). 自动导入icon组件配置
3). 使用方法
1. 安装
2. 配置sass全局变量
2.根目录添加.prettierrc.js文件
3. 根目录添加.eslintrc.js文件
eslint官网
vite怎么创建一个标准vue3+ts+pinia项目的详细内容,希望对您有所帮助,信息来源于网络。