Node.js的安装与使用

node的安装

• node安装：

  去官网：http://nodejs.cn/download/
  下载 .msi文件

  cmd -> node -v

  当Node.js安装成功后，npm会自动安装好

  npm下载器 -> 默认会去 npmjs.com网站去下载 ( 国外 )

     淘宝npm镜像：https://developer.aliyun.com/mirror/NPM?from=tnpm
            npm install -g cnpm --registry=https://registry.npm.taobao.org
            npm -> 国外  ( npm的操作，尽量用npm去操作命令 ) 
            cnpm -> 国内 ( cnpm去下东西，尽量不要用cnpm操作命令 )

• node的cmd操作:
  cd cd.. 进入目录、跳出目录
  在指定的目录下去运行相关的文件。
  如果想在任意的路径下去运行文件，可以写入到全局环境变量里
  对于后期理解npm下载的文件很有帮助：
  因为 npm 下载文件分为 全局 和 局部 两种模式
  局部下载的包 -> 指定的路径下进行访问。
  全局下载的包 -> 在任意路径下进行访问。
  npm -> 去下载包的时候，大部分情况下都建议局部安装（除非这个包需要全局访问的时候，再全局去下载）

tab键 -> 快速提示
   ctrl + c      退出操作( 向后执行 )
   cls              清屏
   dir              显示文件
   mkdir         创建文件夹
   rmdir         删除文件夹
   type nul>file.txt   创建空文件
   echo [content]>file.txt  创建带内容文件
   del file.txt   删除文件

• node 扩展操作

npm : 
    局部 : npm install (i) xxx
    全局 : npm install --global (-g)  xxx
    npm root –g   全局安装的位置
nvm和nrm :
    nvm : 可以让电脑存在多个不同的node版本
        1. nvm安装
            nvm ls 查看
            nvm install v10.0.0 创建版本
            nvm use 10.0.0
    nrm : 
        cnpm i -g nrm
        nrm ls 查看
        nrm use 切换

• node基本操作：

    JS -> 浏览器 运行 -> 前端   ( 浏览器的查看控制台 )
    JS -> Node.js 运行 -> 后端   ( Node控制台 , REPL模式 )

如果进行node编程：还是得需要编写文件，让控制台去执行这个文件。

node文件都是 xxx.js  ( js文件 ) ->  执行 node xxx.js  ( .js是可以省略的 )

安装nodemon, 实时侦测文件的变化    
     cnpm install -g nodemon 


     前端 -> 操作DOM，做一些交互行为。

     后端 -> 操作数据，操作文件、安全、负载均衡、分布式等等。

        虽然JS作为前端和node端的开发语言，大部分语法是通用的，但是由于他们做的事情不同，所以有一些功能不能通用，例如：DOM操作，Node做不了的。

• 自定义模块 :

  ES6 -> ES Module规范
  提供接口 exports {} export default {}
  调用接口 import xxx from [path];

  Node.js -> 基于commonjs规范 ->
  提供接口 module.exports exports
  调用接口 require([path])

   Node.js -> xxx.mjs 采用ES6模块写法操作Node
  

• 第三方模块：

  cnpm nodemon : 全局安装 ( 一般都是已一种软件的形式进行使用 )

  moment : 局部安装 ( 一般都是已一种代码的形式进行使用 )

   node_modules 会自动生成 -> 存的就是局部用到的第三方模块
  

  cowsay : 局部安装 的话。也是可以调用到的。

   node_modules / .bin 目录 再去 cmd 中执行 cowsay hello
  

• vue项目

  /router -> router.js 配置路由 一级路由，二级路由，动态路由
  /store -> index.js 、todo.js list.js user.js
  /components -> /search/search.vue search-history.vue search-suggest.vue /top/top.vue /head/head.vue
  /views -> /index/index.vue /detail/detail.vue ...
  /server -> http.js -> axios进行二次封装

  前后端分离开发模式：前端后端两个服务环境，反向代理在一起
  前台 -> vue
  反向代理 config.vue.js -> proxy反向代理
  后端 -> 网易云 Node接口

关于ejs后端模板的使用

1. 去下载 ejs 这个模块 -> npm i ejs
   但是express应用，可以不用去 require('ejs');

2. 在express中设置ejs生效的中间件。

   //key/value写法：表示模板的根目录是哪里，第一个参数views是固定的，第二个参数：自定义的
   app.set('views','./views');
   //key/value写法：表示模板的引擎，第一个参数view engine是固定的，第二个参数：自定义的
   app.set('view engine','ejs');

3. 基本语法：
   <%= %> 解析文本，会把HTML解析成普通文本
   <%- %> 可以解析HTML
   <% %> 操作逻辑 if() else if() forEach()
   <%- include() %> 引入其他模板片段

node.js的框架之一-express的使用

下载地址：http://www.expressjs.com.cn/

//express使用：
var express = require('express');
// 创建一个app应用，所有功能方法都是基于这个app应用去使用的
var app = express();

• express中间件

  express框架就是由各种中间件组成的，本身是极简的。

  express中的中间件分类：
  1. 应用级中间件 : app下使用的 app.use() app.get() app.post() app.all() ...
  2. 路由级中间件 : express.router()
  3. 错误级中间件 : app.use((err,req,res,next)=>{});
  4. 内置中间件 :
  express.static ：访问静态资源的
  express.json、express.urlencoded : 能够拿到发送过来的数据
  5. 第三方中间件

  中间件本质上就是一个函数。

• 中间件的使用：

 function foo(req,res,next){

     console.log(1);
     next();  // 去执行下一个中间件，如果不调用next()话，就不会去执行下一个中间件
    console.log(4);

 }
 function bar(req,res,next){
    console.log(2);
     next();
    console.log(5);
 }

 function baz(req,res,next){
     console.log(3);
     next();
     console.log(6);
 }

// 1  2  3  6  5  4  ,  中间件的执行顺序非常重要，顺序不同导致结果是不一样的，如果你希望这个中间件被触发的几率是大的，那么就应该让这个中间件写的前面。