• 初识node.js(通过npm下载项目依赖的包的过程)


    一、什么是Node.js                  

    简单的说 Node.js 就是运行在服务端的 JavaScript。
    Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
    Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

     一般的架构是这样的

    有了Node.js之后,架构是这样的

    通过Node.js可以有效的,环境后端服务器的压力。

    二、安装Node.js                   

    你可以根据不同平台系统选择你需要的Node.js安装包。

    Node.js 历史版本下载地址:https://nodejs.org/dist/

    这里安装的版本是6.11.2,下载链接

    https://nodejs.org/dist/v6.11.2/

    选择node-v6.11.2-x64.msi文件,进行下载。

    下载完成之后,默认安装在c盘,不建议修改路径。可能会造成找不到node命令的清空。

    全部点击下一步就可以了,安装完成后,打开cmd窗口,输入命令

    node -v

    三、NPM 使用介绍                  

    NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

    • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
    • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
    • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

    由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

    创建模块                        

    创建模块,package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    $ npm init
    This utility will walk you through creating a package.json file.
    It only covers the most common items, and tries to guess sensible defaults.
     
    See `npm help json` for definitive documentation on these fields
    and exactly what they do.
     
    Use `npm install <pkg> --save` afterwards to install a package and
    save it as a dependency in the package.json file.
     
    Press ^C at any time to quit.
    name: (node_modules) runoob                   # 模块名
    version: (1.0.0)
    description: Node.js 测试模块(www.runoob.com)  # 描述
    entry point: (index.js)
    test command: make test
    git repository: https://github.com/runoob/runoob.git  # Github 地址
    keywords:
    author:
    license: (ISC)
    About to write to ……/node_modules/package.json:      # 生成地址
     
    {
      "name": "runoob",
      "version": "1.0.0",
      "description": "Node.js 测试模块(www.runoob.com)",
      ……
    }
     
     
    Is this ok? (yes) yes

    以上的信息,你需要根据你自己的情况输入。在最后输入 "yes" 后会生成 package.json 文件

    如果想避免上面的交互过程,可以一键生成包文件

    1
    npm init --yes

    效果如下图:

    进入目录,查看文件

    使用notepad++,内容如下:

     View Code

    使用npm安装jquery

    1
    npm install jquery

    效果如下:

    查看目录,发现多了几个文件

    查看packages.json,发现更新了,它记录了安装了jquery,版本是3.3.1

    在项目目录下,新建一个文件index.html,内容如下:

     View Code

    网页查看console

    说明jquery导入成功。

    npm介绍                      

    npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具

    打开npm官方网址

    https://www.npmjs.com/

     

    翻译一下

    1
    2
    创造惊人的东西
    npm是JavaScript和全球最大的软件注册管理机构的软件包管理器。发现可重用代码包 - 并以强大的新方式进行组装。

    它是一个集中化的包管理机构,前端的组件都在这里面,比如jquery,vue等等

    翻译

    1
    2
    什么是npm?
    使用npm安装,共享和分发代码;管理项目中的依赖关系;并与他人分享并接受反馈。

    翻译

    1
    2
    你能用700,000个积木做什么?
    npm注册中心拥有全球最大的免费可重用代码。

    npm的包,都是免费的,有大量的开发者,将优秀的模块,放入这里了。

    需要的包,在官网搜索就可以找到,比如jquery,最新版本是3.3.1

    还有bootstap,这个是前端框架。

    swiper,这个是专门用来做轮播图的,比如小米官网主页。

    使用npm安装模块                  

    使用npm安装模块时,可以指定版本,比如

    1
    npm install bootstrap@3 --save

    它会安装3版本的以内的最高版本。安装软件时,记得加--save

    它表示自动修改package.json文件

    下面开始安装一下

    查看package.json文件,发现多了一行。也记录了模块的名称以及版本。

    github介绍                       

    gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。

    如果你需要将写的代码公开,让全世界的人,都可以访问。需要将代码放到github上面。

    官方网址:

    https://github.com/

     需要注意的是,github每个项目,限制大小为100M。看一下上面创建的01目录,现在多大了。

    发现已经有3.67M了。如果安装的模块越多,那么项目目录会越来越大。由于这些模块都是公开的,并不需要修改源代码。所以在提交的时候,可以忽略掉这个目录,比如node_modules

    如果忽略呢?创建项目时,有一个选项,勾选一下,输入node,回车

    将项目克隆到本机,查看.gitignore文件,这个文件,是专门用来做排除的。排除必须提交的文件或者文件夹

    会发现里面有一行

    1
    node_modules/

    那么以后提交代码,这个目录下的文件,都不会被提交到github中。

    运行开源项目                    

    打开github的主页面,搜索项目vue

    找到这个项目

    下载到本地

    看别人的项目,是不包含node_modules的。

    压缩之后,使用cmd进入目录

    那么问题来,它是如何自动安装依赖呢?

    答案就是package.json文件,打开这个文件

    这里面记录了所有的依赖模块以及版本

    下载的项目如何运行,请参考README.md文件,就可以了。

    如果需要卸载模块,使用命令

    1
    npm uninstall 模块名

    卸载之后,会自动更新package.json文件

  • 相关阅读:
    Linux下Redis的安装和部署
    js实现复制到剪贴板功能,兼容所有浏览器
    解决file_get_contents无法请求https连接的方法
    PHP使用正则表达式验证电话号码(手机和固定电话)
    php MYSQL 一条语句中COUNT出不同的条件
    学到的较复杂的 mysql 语名
    数据库相关 sql 语句
    php对象比较
    魔术方法
    inner join left join right join
  • 原文地址:https://www.cnblogs.com/wxj1129549016/p/9776374.html
Copyright © 2020-2023  润新知