day11/上午/214-尚硅谷-尚融宝-Nuxt的启动和访问

好，首先呢，我们来看一下啊，纳斯入门，纳斯入门这一块呢，我们会分这样的几个方面来讲，第一呢是安装和运行，第二呢就是简单的了解一下它的页面导航和路由，第三呢就是学习一下它的布局怎么去创建，第四呢，就是了解一下它的配置文件都能够给我们配什么，所以这是基础部分的内容，然后接下来呢，在远程数据获取和绑定这一小节里面呢，我们再会呃，详细的了解一下啊，通过纳斯如何发送一个远程的阿贾克请求，以及如何利用这个阿贾克斯请求做服务器端的渲染啊，所以呢，首先我们来看入门这一块，那首先呢，其实入门这一块啊，我们完全可以通过在线的安装方式来依依赖他的这个指引啊来完成，但是这个对于大家来说可能有点困难，而且呢啊这个。嗯，就是前面这个安装的过程呢，可能需要一些时间，所以这块我给大家做了一个简化，就是我已经把基基本的要素都安装好了，安装好了之后呢，大家直接利用这个去执行就行了，针对next这一块的啊，学习呢，我们也是就是大家给我们就是做到学习必要知识啊，非必要知识啊，虽然它知识体系也是比较庞大的，我们就不学习了，因为我们的目标呢，也是完成这个前端代码的一个整合就可以了，尤其是呢，对于网站端的这个前端代码对大家的要求呢，还更为低一些啊，因为未来大家到企业当中也如果真正做前端的话，很少让你去做网站端啊，基本上嗯，后台做前端的话，都是做后台管理系统的一部分啊，因为网站端确实对大家的要求就格外高了啊，如果没有这个专业的这个前端开发的这样的一个学习经验的话呢，可能嗯就很难胜任啊，那和这个后台管理系统不一样，后台管理系统呢，基本上就。

就是一些套路，套路性的东西比较多，所以呢对于我们后端来说就比较好掌握，那前台的话，我们的目标呢，就是了解就可以了，所以大家呢，就是学这块的学习呢，相对来说还比较轻松哈，那所以这面呢，也给大家做了一个简化，就是不用从零搭建了，我给大家搭好一个基础的平台啊，好，然后我们从这个地方解压就可以了，Next app.zip这个呢，是我刚才上传到群里面的一个压缩包，我们把它解压。

因为我事先已经把note models里面的东西都给大家下载了，所以呢，嗯，这样的话，它这压缩包还算比较大。好，然后呢，我们把它剪切一下，剪切一下的话呢，就放在我们的项目目录下。0921，然后这面呢，我们放到下面。

好，接下来呢，我们打开我们的项目，前端项目，然后找到刚才这个纳XAPP，我们简单看一下，其实呢，我就做了这样的几件事情，第一件事情呢，就是配置了一个package啊，然后呢，呃，这里面主要依赖两个内容，第一个就是na，当然了na是基于viewvo的，所以VIVO呢被封装到了这个。Next依赖的里面啊，所以呢，你会发现not modus里面呢，实际上呢，它包含了非常多的依赖，那么都是由这个next来间接依赖进来的啊，所以这个是next的这个依赖了，然后接下来呢，还包括一个xus xus呢也是我们前端做这个，呃，阿贾克斯请求的，但是它这个X呢，是一个封装版本的，是结合纳X封装起来的X，那使用起来呢，比你单独的去使用X呢，要更为简洁一些啊，所以呢，配置起来也更为简洁一些，所以呢，我们使用这个next它自己封装的这个版本的啊，好，然后呢，接下来呢，就是还有一个就是。

命令的一个执行命令的话呢，正常我们直接执行那次命令就能让这个应用程序运行起来，但是根据我们之前的习惯呢，我们依然是配了一个D，那所以我们就直接执行n PM run de啊，跟后台管理系统呢，呃，启动的命令是一样的啊，好，然后这个就是我们执行纳的几个必要的配置信息啊，然后接下来呢，就是我们看一下这里面有个static static这个地方呢，其实就简单的给大家放了一个静态的图标啊，那我们的网站的这个图标呢，就是它了，就是哪个图标呢？就是这个地方的图标啊，我们呢，给他弄一个啊，正规一点就是我们金融系统的一个logo，好，然后那这块其实就是完整的内容了，那么这个点，那这个目录是什么呢？这个目录里面，其实你会发现它包括很多代码，但是这个代码注意没有一行是我们自己写的，它都是自动生成的，怎么生成的呢？就是原始其实是没有这个代码的，你是不是把它删掉可以哈，好，然后当我们去。

B型这个脚本的时候。当我们去运行这个脚本的时候，这里面的代码全都是自动生成，当然真正应用程序在运行的过程当中，其实运行的就是这个里面的代码啊好，然后呢，我们呃看一下吧，呃，整个的这样的一个纳呢，我们就建好了，建好了之后呢，你可以试着去运行一下，它怎么运行呢？就是刚才咱们说的那个MPMD命令啊，跟我们的后台管理系统是一样的。所以第一步是解压啊，第二步就是运行。他默认端口是3000。好，然后接下来呢，我们直接点按住CTRL键，点击刚才那个呃呃，这个超链接就行了，我们就可以在浏览器当中看到这个那X它默认的一个主页面，当然这个页面肯定不是我们需要的，后期呢，我们会把它改造成我们自己的网站，然后另外呢，现在呢，我们要学习一下怎么在这里面去创建页面，创建导航，创建模板啊呃，这个学习的目的呢，就是作为一个了解啊，然后并不是这个意味着大家一定能够独立的去完成这样的一个网站的创建啊，就是了解，然后未来咱们啊，这个网站端的这个前端代码呢，95%都会给大家，我们呢只是写那个5%的前后端联调那一部分的内容就可以了，所以呢啊，我们现在学习他的这个目的呢，就是未来把完整的前端代码给大家的时候呢，大家能看得懂，然后知道在哪调，知道在哪写这个前后端的这个阿贾克斯的对接代码就可以了啊，所以呢，现在呢，我们要。

要做的呢，就是了解一下他这个纳斯项目的一些基本结构。