nuxt中如何配置页面路由-创新互联

今天就跟大家聊聊有关nuxt中如何配置页面路由，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

去到pages目录，我们需要创建3个[nuxt_link_name].vue页面文件，用来匹配路由导航需要加载的页面；

好，我们进入命令行，来创建页面文件，

1、windows 系统下可以使用如下命令：

for /r %v in ( index.vue , jokes.vue, about.vue ) do type null > %v

2、linux/mac 系统下可以使用如下命令：

touch index.vue jokes.vue about.vue

好的，我们接下来，把项目拖拽到vs code代码编辑器中，在开发之前呢，我们需要安装一款辅助vue项目开发的插件Vetur ；我们进入编辑器，点击

左侧菜单的扩展按钮，或者使用快捷键ctrl + shift + x ，然后左侧就会出现扩展应用商店列表，我们在上面的搜索框中，输入Vetur 回车查找，

点击第一个查询结果点击，右侧就会出现Vetur的详情简介，我们可以点击上面安装按钮，进行安装；我们需要这个插件，对我们的.vue文件语法高亮；

接下来，我们来设置下，快速生成vue基本的文件结构，我们在文件 -> 选项 -> 用户代码片段 打开后，会有一个搜索框，我们输入vue ；编辑器会

默认打开一个vue.json，我们使用下面的内容覆盖：

{
 "Print to console": {
  "prefix": "vue",
  "body": [
   "",
   "",
   "",
   ""
  ],
  "description": "Log output to console"
 }
}