请选择 进入手机版 | 继续访问电脑版

马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

nodejs的安装与npm的介绍

[复制链接]
查看2327 | 回复0 | 2019-9-12 10:02:06 | 显示全部楼层 |阅读模式
Node.js是一个Javascript运行环境(runtime environment),发布于2009年5月,由Ryan Dahl开辟,实质是对Chrome V8引擎举行了封装。本文详细先容了Node.js的安装和使用。
一、Node.js先容

Node.js 不是一个 JavaScript 框架,不同于CakePHP、Django、Rails。Node.js 更不是欣赏器端的库,不能与 jQuery、ExtJS 相提并论。Node.js 是一个让 JavaScript 运行在服务端的开辟平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby等服务端语言不相上下的脚本语言。
二、Node.js安装

windows环境安装Node.js

在欣赏器所在栏输入https://nodejs.org/en/, 进入Node.js官网后,点击下载左边的稳固版本,如下图所示:
100609hy6ohh66rorj8uj5.png


下载完成之后,开始安装,点击Next:
100610opkz6o7tr26trr7c.png


Next
100611guhzch4bmjhjwjpw.png


假如不必要修改安装路径,Next
100612cdjt7byf3cspcdc6.png


Next
100612qoy31s3j3eoas8oh.png


Install
100613kk6wjhiluifgmnov.png


打开命令行工具,开始->运行->cmd->回车, 输入node,假如提示如下,则安装乐成,否则必要手动设置环境变量,大概重新安装,安装乐成后,我们可以举行JavaScript语言测试:
100615shpqcp4risxemtuq.png




Mac环境安装Node.js

直接使用brew包管理器举行安装,并根据提示添加环境变量,然后输入node举行测试:
100615xquj18j8k9lzp9iu.png


以上就是Node.js分别在Windows和Mac环境下的安装先容。


三、npm

任何一门计算机语言都包含了丰富的第三方库,npm就是JavaScript这门语言的第三方库管理工具,本文详细先容了JavaScript的包管理工具,npm。
在计算机中安装好Node.js之后,默认已经安装好了npm包管理工具,我们可以输入npm命令举行测试:
100616rxkq2gulzkkf012l.png




使用npm包管理工具安装第三方库

安装好npm包管理工具之后,我们来先容两种安装npm包的方式:全局安装和局部安装
全局安装

假如你想将该第三方库作为一个命令行工具,而且任何项目都可用,那么你应该将其安装到全局。使用这种安装方式,可以让你在任何目录下使用这个包,安装全局包的方式如下:
  1. npm install -g
复制代码
全局方式安装的npm包,全局可用。
当地安装方式一
  1. npm initnpm install vue@2.5.17
复制代码
以上方式安装的npm包,只在当前目录下可用,该方式安装的包:
  1. - 会把包安装到node_modules目录中- 不会新增并修改package.json- 运行npm install不会自动安装该包
复制代码
当地安装方式二
  1. npm initnpm install vue@2.5.17 --save
复制代码
当地–save方式安装的npm包,只在当前目录下可用,该方式安装的包:
  1. - 会把包安装到node_modules目录中- 会在package.json的dependencies属性下添加包- 运行npm install命令时,会自动安装包到node_modules目录中
复制代码
当地安装方式三
  1. npm initnpm install vue@2.5.17 --save-dev
复制代码
接纳上述第三种方式安装的npm包,只在当前目录下可用,该方式安装的包:
  1. - 会把包安装到node_modules目录中- 会在package.json的Devdependencies属性下添加包- 运行npm install命令时,不会自动安装包到node_modules目录中
复制代码
卸载全局包
  1. `npm uninstall  -g`
复制代码
卸载当地
  1. npm uninstall  -S, --save: Package will be removed from your dependencies.npm uninstall  -D, --save-dev: Package will be removed from your devDependencies.
复制代码
通过npm安装JavaScript第三方库时,访问的是国外的站点,访问速率会比力慢,此时我们可以使用国内的镜像站,cnpm,详细的使用方式请参考http://npm.taobao.org/。
安装cnpm后,使用方式如下:
  1. cnpm install vue
复制代码
以上就是npm包的安装和卸载先容。
但是,当我们必要维护多个独立的项目环境时, 比如项目一必要Vue2.5.10支持,而项目二必要最新的Vue2.5.17,我们应该分别为项目一和项目二创建独立的、与外界隔离的第三方库环境。而不是在当前目录下使用当地大概全局方式安装npm包。
我们应该创建一个文件夹,并将该文件夹初始化为npm包环境,使用方式如下:
  1. mkdir myprojectcd myprojectnpm init
复制代码
使用npm init初始化项目环境的时间,会出现如下提示:
  1. Press ^C at any time to quit.package name: (myproject) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: license: (ISC) About to write to /Users/pizza/Downloads/myproject/package.json:{  "name": "myproject",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {    "test": "echo "Error: no test specified" && exit 1"  },  "author": "",  "license": "ISC"}Is this OK? (yes)
复制代码
按需填入上述信息,末了输入yes,项目环境初始化完毕。假如使用默认信息,可以直接使用npm init -y举行初始化。
上面的信息依次是:
  1. name 项目名称version 项目标版本号description 项目标形貌信息entry point 项目标入口文件test command 项目启动时脚本命令git repository 假如你有 Git 所在,可以将这个项目放到你的 Git 堆栈里keywords 关键词author 作者license 项目要发行的时间必要的证书
复制代码
查察特定package的信息
  1. npm ls
复制代码
更新package
  1. npm update
复制代码
搜索package
  1. `npm search `
复制代码

package.json详解

随着项目标不断丰富,package.json文件也会跟随着不断的复杂,接下来,先容几个在上述没有的条目:
  1. "private": true,  "dependencies": {    "antd": "^2.11.1",    "classnames": "^2.2.5"  },  "devDependencies": {    "axios": "^0.15.3",    "babel-eslint": "^6.1.2"  },  "bin": {    "dk-cli": "./bin/dk-cli.js"  },  "scripts": {    "start": "node index.js"  },  "engines": {    "node": ">=6.9.0",    "npm": ">=3.10.10"  }  "publishConfig": {    "registry": "http://gongsineibu/nexus/repository/npm-hosted/"  }
复制代码

  • private可选字段,布尔值。假如 private 为 true,npm 会拒绝发布。这可以防止私有 repositories 不小心被发布出去;
  • dependencies与devDependencies
    在开辟阶段,我们必要对开辟的模块举行单位测试,这时在开辟环境 devDependencies 下就要安装单位测试模块 Mocha。
    在生产环境 dependencies,用户直接使用项目,此时项目标开辟已全部完成。这时就不必要单位测试模块了,再加上只会影响性能。

    • dependencies 指定了项目生产环境时所依靠的模块,
    • devDependencies 订定了项目开辟环境时所依靠的模块。

  • scripts该字段指定了运行脚本命令的npm命令行缩写,比如start指定了运行npm run start时,所要执行的命令。
    下面的设置指定了npm run dev、npm run bulid、npm run unit、npm run test、npm run lint时,所要执行的命令;
    1. "scripts": {    "dev": "node build/dev-server.js",    "build": "node build/build.js",    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",    "test": "npm run unit",    "lint": "eslint --ext .js,.vue src test/unit/specs"  }
    复制代码
  • engines字段指定依靠的node版本
  • publishConfig
    当我们开辟完自己的项目想要将它发布到 Npm 堆栈就必要使用这个属性。默认环境下我们是往 Npm 公共堆栈中发布包,默认所在是:https://www.npmjs.com/,此时在 package.json 文件中可以不加这个属性。
    但是假如公司内部搭建了 Npm 私有堆栈,此时发布包就不是往 https://www.npmjs.com/ 这个所在上发布了,而是公司内部提供的所在,如:http://gongsineibu/nexus/repository/npm-hosted/。此时设置如下:
    1. "publishConfig": {    "registry": "http://gongsineibu/nexus/repository/npm-hosted/"  }
    复制代码
    publicConfig 字段决定了我们的包发布到那里。
关于npm的先容到这里就结束






来源:https://www.cnblogs.com/wangyueping/archive/2019/09/11/11458266.html
C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则