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  ,  中间件的执行顺序非常重要,顺序不同导致结果是不一样的,如果你希望这个中间件被触发的几率是大的,那么就应该让这个中间件写的前面。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,657评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,889评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,057评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,509评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,562评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,443评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,251评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,129评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,561评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,779评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,902评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,621评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,220评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,838评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,971评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,025评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,843评论 2 354