最近计划使用 Vite Vue3 TS VueRouter Pinia Axiso Vue-Design-Vue 完成一个前端项目,接下来会通过一个系列文章记录整个过程以及过程中遇到的问题

环境

npm install -g yarn

创建项目

一、创建

yarn create vite myApp --template vue-ts

项目目录如下

vue3 定义响应式变量(ViteVue3TS)(1)

二、运行项目

cd myApp yarn yarn dev

访问 localhost:3000 即可看到 Vue 的第一个页面

vue3 定义响应式变量(ViteVue3TS)(2)

设置启动端口号

在 vite.config.ts 文件中,配置如下内容

export default defineConfig({ plugins: [vue()], server: { port: 3000 } })


参考文档:,