Vite
BradyCC
这个作者很懒,什么都没留下…
展开
-
Vite script setup语法糖的使用
Vue3 使用 Composition(组合式) API , 同时引入了 setup() 函数,而 script setup 语法糖将更进一步的简化书写。 <template> <div>默认count: {{ iState.count }}</div> <div> <button @click="increment">增加</button> <button @click="decrement">.原创 2021-06-15 10:42:33 · 1558 阅读 · 0 评论 -
Vite 配置 vue-router 和 vuex
安装相应依赖 # 安装依赖 yarn add vue-router@next vuex@next 创建目录结构 基础文件配置 router/index.ts import { createRouter, createWebHashHistory, createWebHistory } from "vue-router"; import Home from '../views/Home.vue' const routes = [ { path: "/", name: "home原创 2021-06-07 16:18:49 · 1692 阅读 · 0 评论 -
Vite 快速搭建Vue3 Ts项目
Vite快速搭建 Vue3 Ts 项目 详情请查阅vite官方文档 # 直接创建项目 选择 vue-ts 模板 yarn create @vitejs/app vue-ts-vite --template vue-ts # 进入项目目录 cd vue-ts-vite # 安装依赖 yarn # 运行 yarn dev 配置 tsconfig.json { "compilerOptions": { "target": "esnext", "module": "esnext",原创 2021-06-07 15:43:19 · 588 阅读 · 0 评论 -
Vite 快速搭建Vue3项目
两种方式: 使用 create-vite-app 搭建 使用 yarn init vite-app 搭建 第一种方式 # 全局安装 yarn global add create-vite-app # 创建项目 create-vite-app vitev3demo # 安装依赖 yarn # 运行 yarn dev 第二种方式 # 创建项目 yarn create vite-app vitev3demo # 安装依赖 yarn # 运行 yarn dev ...原创 2020-11-08 19:56:02 · 249 阅读 · 0 评论