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 的版本过低,或者其他控件的版本过低。找对应的版本升级更新就好
哈哈,本人也是第一次写文章,又不好的地方多谅解。如果在安装过成功出现问题。欢迎随时咨询。