Nuxt 学习入门（1）—安装Nuxt.js

Nuxt.js 是什么？

Nuxt.js 是一个基于 Vue.js 的通用应用框架。

通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。

通俗来说，Nuxt.js就是基于vue的底层自动生成的vue框架。

如果想要了解Nuxt.js的运作原理，可以去关于 Nuxt.js - NuxtJS

接下来我们开始安装Nuxt.js

安装

---

1.首先我们要确保电脑上已安装的环境：Node.js ，Vue环境，Vue-Cli脚手架

Node.js下载  推荐安装教程：https://www.cnblogs.com/zhouyu2017/p/6485265.html

Vue环境搭建参考:https://www.cnblogs.com/nx520zj/p/9605184.html

Vue-Cli 安装语句： npm install -g vue-cli    // 加-g是安装到全局

2.创建Nuxt.js

打开你要创建项目的目录中Shif+鼠标右键 在此处打开命令窗口，然后输入以下命令即可

npx create-nuxt-app <项目名称>

它会让你进行一些选择:

创建完成之后，会在你的项目文件中生成一下文件：

3.创建完成后，我们进入到项目文件中，然后执行以下命令：

   当前命令是安装项目依赖，会需要一点时间

npm install

注意：一定要进入项目文件中运行命令，不然会提示：package.json不存在。然后会报错！

            对于初学者来说，容易入坑的地方就是在运行命令是，没有找到指定的地方。

             所以一般要区分：全局安装与局部安装

4.启动项目

npm run dev

 基本上出现大大的nuxt，然后加上项目运行地址，基本就成功了。

总结

---

一般在项目安装时，或多或少会遇到一些错误，一般出现err是必须要解决的，不然项目跑不起来。还有一些是警告，看个人需求。是不是需要解决。

出现err的情况一般分为几种情况：

1，环境配置问题，一般来说有时候在执行命令的时候环境配置没有，是需要手动去系统环境配置设置

2，版本问题：例如 Node.js 的版本过低，或者其他控件的版本过低。找对应的版本升级更新就好

哈哈，本人也是第一次写文章，又不好的地方多谅解。如果在安装过成功出现问题。欢迎随时咨询。