> 文档中心 > Vue创建一个路由项目(Vue Router)

Vue创建一个路由项目(Vue Router)


💻什么是Router

Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括:

  • 嵌套路由映射
  • 动态路由选择
  • 模块化、基于组件的路由配置
  • 路由参数、查询、通配符
  • 展示由 Vue.js 的过渡系统提供的过渡效果
  • 细致的导航控制
  • 自动激活 CSS 类的链接
  • HTML5 history 模式或 hash 模式
  • 可定制的滚动行为
  • URL 的正确编码

开始创建

鼠标右键这个微软logo

然后点击Windows PowerShell(如下图)

 进入页面输入npm config set registry https://registry.npm.taobao.org 切换为国内源

 然后安装vue脚手架工具 输入npm i -g @vue/cli(空格不能忽略)

 等待下载

 下载完成

 

 然后输入vue create router 创建vue项目

会出现报错紧接着然后输入set-ExecutionPolicy Remotesigned然后输入y 紧接着继续 输入vue create router 创建vue项目

进入这个页面(用键盘的上下来选择 回车键来确认)

 选到第三个Manually select features 回车确认

然后进入这个页面(键盘的上下键来选择 空格选择 回车确认 )

 将这两个选择上然后回车确认

 然后进入这个页面

 然后选择3.x 回车

 然后输入 y  然后选择标准配置 第三个 ESLint + Standard config 

然后选择第一个Lint on save

然后选择第一个In dedicated config files

然后出现是否保存当前选项 输入 n

等待创建项目

 然后进入这个页面

 然后输入这两个语句

然后等待启动服务器

 然后出现两个网址  复制第一个到浏览器查看

 创建成功

 打开查看router文件夹

 拖入vscode就可以进行编辑了

创建结束,感谢支持