创建有router的vue项目
时间: 2024-06-16 22:02:55 浏览: 8
创建一个带有vue-router的Vue项目的步骤如下[^1]:
1. 首先,确保你已经安装了Node.js和npm(Node.js的包管理器)。
2. 打开终端或命令提示符,进入你想要创建项目的目录。
3. 运行以下命令来创建一个新的Vue项目:
```shell
vue create my-project
```
其中,"my-project"是你想要创建的项目名称,你可以根据自己的需要进行修改。
4. 在创建项目的过程中,你会被要求选择一些配置选项。在这里,你需要选择"Manually select features"(手动选择特性)并按回车键。
5. 接下来,你会看到一份可用特性的列表。使用上下箭头键来选择"Router"(路由器)并按下空格键来选择它,然后按下回车键继续。
6. 然后,你会被要求选择一个路由器模式。你可以选择"History mode"(历史模式)或者"Hash mode"(哈希模式)。根据你的需求进行选择,并按下回车键继续。
7. 完成上述步骤后,Vue CLI会自动下载并安装所需的依赖项。
8. 安装完成后,进入项目目录:
```shell
cd my-project
```
9. 运行以下命令来启动开发服务器:
```shell
npm run serve
```
10. 现在,你可以在浏览器中访问"http://localhost:8080"来查看你的Vue项目。