使用create-nuxt-app脚手架创建NuxtJS应用(vue的ssr, seo)

在利用NuxtJS框架进行服务端渲染应用程序开发时，我们可以借助NuxtJS的脚手架工具create-nuxt-app进行快速搭建工程环境，下面将详细说明工程搭建过程：

（1）安装NodeJS

这里不做讲解了，只要npm的版本不低于5.2.0版本即可。

（2）registry配置

　　若公司内网提供了类似的制品库地址，那么就可以将registry的值设置为公司内网具体的地址；若是采用中国互联网的话，那么最好将registry的值设置为淘宝NPM镜像，即https://registry.npm.taobao.org。我们可以直接在.npmrc文件中添加registry=https://registry.npm.taobao.org，也可以在cmd窗口中输入npm config set registry https://registry.npm.taobao.org命令。

（3）安装create-nuxt-app脚手架

全局安装npx

npm install npx -g

 

使用npx创建nuxt项目 　

npx create-nuxt-app 项目名　

 

选择初始化项目的配置

Project name: qyan-official   //  项目名称
Programming language: JavaScript   // 编程语言
Package manager: Yarn
UI framework: Element      //  选择UI框架
Template engine: HTML    // 模板引擎
Nuxt.js modules: Axios - Promise based HTTP client  // 选择依赖
Linting tools: Prettier
Testing framework: None    //  测试框架
Rendering mode: Universal (SSR / SSG)   // 渲染模式
Deployment target:               // 选择开发工具 
Development tools:       // 持续集成

 

选完回车, 创建完成