好久不见的流星

至此，我们就可以使用 ant design vue 的组件和 css 了。这样就可以将 ant design vue 全部组件注册进来。在 AboutView.vue 中添加一个 Test 按钮。使用 npm run serve 启动服务。我们选择第1种方式，全部注册进来。访问 About 画面。

我们要将 Ant Design Vue 集成到项目中。

使用 vue create 创建好的项目，目录结构是什么样，都为我们生成了什么呢？

这里修改启动端口号为 9000，则在启动命令后面加上 --port 9000。在 package.json 文件中找到 serve 对用的脚本。最后，启动服务验证一下。

如上图所示，执行就是这个 serve 对应的命令 “vue-cli-service serve”其实，它是去找了 package.json 文件里的 scripts 脚本。当我们启动服务的时候，需要执行 npm run serve 命令。那么，启动服务的时候就要使用 npm run dev 了。假如，我们把 serve 修改为 dev。用 npm run dev 了。那么，它干了什么呢？

选择 Manually select features 然后摁回车。是否需要将这个创建项目的配置保存成模板，方便后续使用。然后，我们再执行 npm run serve 启动服务。此处选择 In package.json 然后摁回车。选择了 Router 和 Vuex 然后摁回车。选择单独文件保存配置文件，还是整体的文件保存。历史模式：http://aa.com/bb。是否使用历史模式，这里 y 然后摁回车。首先，我们执行 cd web。我此处就不保存了 然后摁回车。选择 3.x 然后摁回车。

使用下面命令，进行安装。使用下面命令，查看版本。使用下面命令，进行安装。使用下面命令，查看版本。

在使用 npm install 进行按安装依赖的时候出现了下面错误。使用下面命令修改镜像源。

主要是因为默认的镜像仓库是国外的，当我们使用 npm 安装依赖的时候会很慢或者失败，我们配置国内的镜像仓库这样就可以加速我们安装镜像的过程，国内镜像仓库有很多，这里我们使用淘宝的镜像仓库。可以看到这里是默认的镜像仓库 https://registry.npmjs.org。这样就设定好了，然后我们再去查看一下。打开 cmd 输入下面命令进行查看。可以看到，设定成功了。使用下面的命令去设定。

和我们安装的版本一致，至此我们就把 nodejs 安装好了。点击 下载 Node.js (LTS) 开始下载。打开 cmd 窗口，然后输入下面命令进行测试。这样，node.js 就安装好了。下载完成之后，双击进行安装。看到了 v20.17.0。通过官网进行下载安装包。