第一次使用nuxt项目第一步看官网

在文章最后有小彩蛋，会有我一个菜鸟如何学习nuxt项目的过程和小经验

https://www.nuxtjs.cn/guide/installation 根据官网–安装好项目

这个结构一脸懵 不要紧
在网上已经帮大家找到尽可能 修改成 vue-cli3的样子，可参考：https://zhuanlan.zhihu.com/p/55129840

我没有修改结构。 不过有一些我的小问题 比如：

nuxt 使用iconfont

nuxt项目不像vue那样，可以在线使用

在vue中可直接将路径放到入口文件的html中
不过nuxt可使用下载至本地:

会有一个压缩包，直接解压，放到nuxt项目中

最后在nuxt.config.js中进行配置

注意路径不能用别称@。iconfont在nuxt项目中就可以正常使用啦

看官网的步骤1：找路由，

nuxt虽然没有router.js但要知道怎么形成的，官网有对应的解释。

不过自己在写路由跳转时,比如this. r o u t e r . p u s h （ “ / d e s i g n ” ） 是 不 行 要 改 成 t h i s . router.push（“/design”）是不行要改成this. router.push（“/design”）是不行要改成this.router.push({path:’/design’})

第一步就是写对应页面啦