如何搭建并使用Vue3.0项目？

本文共计1464个文字，预计阅读时间需要6分钟。

最近重构了一个老项目，领导要求使用新的技术栈。好吧，是时候展示一下我新学的Vue3.0了。不过，一开始我还要从表演开始。以下仅为我个人对Vue3.0的理解和使用习惯，仅供参考。一、项目重构

最近在重构一个老项目，领导要求使用新的技术栈。好吧，是时候秀一波我新学的vue3.0了。

不多bb，开始我的表演。。。(以下只是我自己个人的理解和使用习惯，仅供参考哦）

一：项目搭建

1. 可以自己配置vite，但是为了节省时间，我就使用脚手架直接搭建。(有兴趣可以研究一下vite，还是很香的)

2. 项目生成：iTerm下： vue create myproject

之后根据自己的要求选择不同的配置

选择我们需要的3.x

之后按照要求配置一下router，已经pack.json 。。。 然后npm run serve

ok。一个基本的3.0项目搭建完成，结束。(那是不可能的)

二： 目录结构

原始的目录结构如下所示：

为了方便数据管理，我们需要自定义一些其他的文件。下面是一个简单的demo结构：

hooks用来定义一些公共组件的方法，可以在多个组件里面复用，也可以和vuex联用。

typing定义一些你需要使用的ts类型。比如:

根据不同的组件拆分不同的类型，然后统一在index中导出。index中可以定义一些公共的类型。

request定义一些http请求。