安装nuxt.jsNuxt.js官方提供了两种初始化项目的方法，一种是使用Nuxt的脚手架工具create-nuxt-。js团队app，一种是根据自己的需要自由配置和使用脚手架。适合对nodejs后台框架有所了解的新手；如果你想根据自己的需要自由配置，你需要知道如何配置webpack和nodejs后台框架。两种方式的对比就是原生和插件的区别。脚手架安装需要nodejs或者yarn环境。推荐使用vscode自带的控制台输入命令行命令进行操作。有了环境之后就可以直接输入以下命令直接创建项目（npx在npm5.2.0中默认安装，使用最新稳定的nodejs环境不需要考虑是否有）npxcreate-nuxt-app#或者使用yarnyarncreatenuxt-app，他会提示你做一些选择1.Projectname这里可以设置项目名称，后面也可以在package.js中设置name属性.一般输入上述命令时为项目名称。您无需修改??它，只需按Enter即可。2.项目描述这里是对项目的描述，比如它是做什么的，或者然后在package.js中设置description属性3.选择服务端框架，看你习惯用什么，一般是ExpressKoa4.选择axiosEsLintPrettieraxios扩展插件和发送HTTP请求EsLint代码规范和错误检查自己的代码时保存。在保存时更漂亮地格式化/美化您自己的代码。5、选择UI框架UI框架方便快速开发，提供了很多现成的样式。这几年听得最多的是ElementUI。6.选择一个测试框架，这里暂时用不到，所以选择none即可两者都是js实时生成的dom。二是在服务器端生成html。有多少路由就有多少页面。使用nuxt是为了解决SEO问题，让所有的网站路径都被完全收录。8.作者后面也可以在package.js中设置author属性。10.选择Finish开始安装11.安装完成后提示信息projectdirectory就不说了如何根据自己的需要自由配置。需要自由配置的一般都不是新手。建议阅读官方文档添加其他常用功能，除了nuxt脚手架自带，我们还需要其他配置，ES6编译，CSS预处理，然后添加安装babelyarn添加babel-clibabel-preset-env配置文件。babelrc{"presets":["env"]}安装scssyarnaddnode-sassyarnaddsass-loader后，只需要在vue文件的style标签中添加属性声明即可#或
