Vue3-黑马（一）

目录：

（1）vue3-基础-环境准备

（2）vue3-基础-入门案例

（3）vue3-基础-main.ts

---

（1）vue3-基础-环境准备

 

vue3的技术选型，它提供了两套API，一个是选项式的API（vue2的东西）和组合式的API

我们用组合式的API，因为它更简单

用typescript：用它的interface定义它的类型，

vite：构建工具构建速度较快

pinia：是新一代的vuex

Antdv（阿里巴巴）：视图组件 

用vite来创建项目：以向导的方式，创建vue的项目

 

 输入向导的名字：项目名字

 选择框架：vue

选择使用的语言： 

 最终会把项目创建好：生成一个client文件夹

 进入目录：下载依赖

 运行项目：

 

浏览器访问：表示使用vite 

 vscode打开：

 

 

 装一个vue的插件

 和中文的插件：

安装一个浏览器插件：

 

会多出来一个vue的一项：

 

修改端口： 

项目默认监听的5173，还可以修改端口，想改项目的配置文件：vite config.ts

 

 

 

设置监听ip：

 

 我们访问的使用的localhost，这个ip地址去访问的，这就意味着，只能自己去访问，在局域网中别人是不能访问你这个vue的应用的，这个怎么该呢

 我们可以更改监听的主机：监听所有的ip

这样就多了另外的网卡的ip地址 

 

 

 这样在一个局域网中其他的测试人员，就可以访问你这个vue的服务了

这么多的配置，可以在vite的官网查看配置：

 

 配置代理：

 

 

 （2）vue3-基础-入门案例

启动前端服务器：npm rum dev 

 删掉App.vue中的代码：