NodeJS+NPM安装与环境配置
NodeJS+NPM安装与环境配置
- node.msi安装
- NPM常用命令
- 配置
- 查看模块相关信息
- 模块安装，以express模块为例
- npm初始化构建项目
NodeJS安装软件下载可在官网下载，其中包含了nodejs以及npm
node.msi安装
- 修改安装位置：D:\Program Files (x86)\nodejs 即可正常安装
- 安装完成后
- 生成文件/文件夹
D:\Program Files (x86)\nodejs,C:\Users\Administrator\AppData\Roaming\npm - 生成变量
path-->C:\Users\Administrator\AppData\Roaming\npm
- 生成文件/文件夹
- 检查是否安装成功
- 检查NodeJS
$ node -v
v10.8.0
- 检查NPM
$ npm -v
$ npm -version
6.2.0
NPM配置
检查NPM配置信息
$ npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.2.0 node/v10.8.0 win32 x64"
; builtin config undefined prefix = "C:\Users\Administrator\AppData\Roaming\npm"
; node bin location = D:\Program Files (x86)\nodejs\node.exe
; cwd = C:\Users\Administrator
; HOME = C:\Users\Administrator
; "npm config ls -l" to show all defaults.
修改NPM配置信息
在node主目录下新建node_global（全局模块安装）、node_cache(cache缓存)文件夹
配置 全局模块安装、cache缓存 路径
npm config set prefix "D:\Program Files (x86)\nodejs\node_global"
npm config set cache "D:\Program Files (x86)\nodejs\node_cache"
配置 全局模块 环境变量：我的电脑-属性-高级系统设置-高级-环境变量
在系统变量下新建"NODE_PATH"，“D:\Program Files (x86)\nodejs\node_global\node_modules”，这种方法用来指定NODE_PATH环境变量，并且用 ; 分割多个不同的目录
NODE_PATH 是 NODE 中用来 寻找模块所提供的路径注册环境变量 ，NODE_PATH 实现 多个项目 模块复用 的最佳实践方案。node 的包加载机制，从项目的根位置递归搜寻 node_modules 目录，直到文件系统根目录的 node_modules ，如果还没有查找到指定模块的话，就会去 NODE_PATH中注册的路径中查找 。基于 nodejs 的包加载路径搜索算法，我们可以 采用全局安装的方式，将我们的包安装到全局，这样，多个项目可以共享全局中的依赖包。
检查 NODE_PATH 是否配置成功：win+r，输入cmd回车，进入Windows命令窗口，执行npm install express -g，安装express模块成功后，输入node，进入node的REPL环境，输入require(‘express’)，如果出现express模块相关信息即配置成功
[email protected] added 50 packages from 47 contributors in 13.127s
在用户变量"PATH"末尾追加，“D:\Program Files (x86)\nodejs\node_global”
操作系统 PATH 环境变量作用，当系统调用一个命令的时候，就会在PATH变量中注册的路径中寻找，如果注册的路径中有就调用，否则提示命令没找到，“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”，原因是没有配环境变量PATH
检查 PATH 是否配置成功：win+r，输入cmd回车，进入Windows命令窗口，对于已经安装成功的模块，执行相应的命令，如：npm、cnpm、vue、webpack，出现相关输出信息即配置成功
重置npm模块的注册、管理、发布地址为cnpm
npm install cnpm -g
cnpmjs.org: Private npm registry and web for Company，cnpm是一个网站，同时cnpm也是一个命令行工具，面向企业级的私有npm包的注册地、管理、发布
第一次安装可能会出现问题
npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
D:\Program Files (x86)\nodejs\node_global\cnpm -> D:\Program Files (x86)\nodejs\node_global\node_modules\cnpm\bin\cnpm
[email protected] added 630 packages from 837 contributors in 99.51s
解决方法 ：倒数第二行可能就是给你推荐的版本 换个命令：cnpm install [email protected]换个版本即可
重置模块的镜像地址： npm config set registry https://registry.npm.taobao.org
官方地址为registry.npmjs.org
重置设置代理 npm config set proxy http://server:port
NPM常用命令
配置
npm config;管理npm的配置路径
npm config ls -l;查看配置详情信息
npm config get prefix;查看全局模块安装路径，prefix 字段就是全局 base path
npm config set prefix D:\develop\nodejs\node_global;重置全局模块安装路径
npm config set cache D:\develop\nodejs\node_cache;重置全局模块缓存路径
查看模块相关信息
npm root;查看当前项目包（模块）的安装路径
npm root -g;查看系统中node全局包（模块）的安装路径
npm ls/list/la/li;查看当前路径下安装的模块
npm ls -g;查看全局安装的模块
npm init;在项目中引导创建一个package.json文件,安装包的信息可保持到项目的package.json文件中，以便后续的其它的项目开发或者他人合作使用。
npm help;查看某条命令的详细帮助
npm help install;系统在默认的浏览器或者默认的编辑器中打开本地nodejs安装包的文件（/nodejs/node_modules/npm/html/doc/cli/npm-install.html）
npm packageName -v;查看本地是否安装过某个包
npm list;查看当前目录下的包
npm list -g;查看全局目录下的包
模块安装，以express模块为例
npm install;在项目根路径下执行该命令，会在项目根路径下的 node_modules 中安装配置在 package.json 中的所有依赖包
npm install express;安装express包在命令窗口的当前目录下，默认安装最新版本，并将信息保持到项目的package.json文件中
npm install [email protected];安装express包的3.2.0版本在命令窗口的当前目录下，并将信息保持到项目的package.json文件中
npm install express --global/-g;安装express模块在全局目录下
npm install express --save/-S;安装包加入到生产阶段的依赖,package.json文件的dependencies字段内容增加
npm install express --save-dev/-D;安装包加入到开发阶段的依赖,package.json文件的devDependencies字段内容增加
npm install express --save-optional/-O;安装包加入到可选阶段的依赖,package.json文件的optionalDependencies 字段内容增加
模块卸载关键字为uninstall，模块更新关键字为update，检查模块是否已经过时关键字为outdated
npm初始化构建项目
例如，构建一个基于 webpack 模板的vue项目
$ npm instll vue;
$ npm install --global vue-cli;vue的命令行工具
$ vue init webpack demo;核心命令
$ cd demo
$ npm instll;安装所有依赖包
$ npm run dev;运行开发阶段的项目
package.json文件可以手工编写，也可以使用npm init命令自动生成。npm 的 init 命令之后，会在工程目录文件夹的根目录生成 package.json 文件，该JSON文件字段详解：
npm将该整个工程项目定义为一个 package（包），该文件定义了项目所需要的模块和配置信息，npm install 后，项目根据这个文件的配置字段下载需要的模块 以及 配置需要的运行和开发环境。
{
"name": "demo01",//项目名字
"version": "0.0.1",//项目版本号，大版本.次要版本.小版本
"author": "wan",//
"description": "The first react-native demo",//
"keywords": ["react-native","javascript"],//
"repository": {
"type": "git",
"url": "https://path/to/url"
},
"license":"MIT",
"engines": {"node": "0.10.x"},
"bugs":{"url":"http://path/to/bug","email":"[email protected]"},
"contributors":[{"name":"李四","email":"[email protected]"}],
"private": true,//
"scripts": {//
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
//dependencies 和 devDependencies 字段都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。
"dependencies": {//指定了项目运行所依赖的模块
"react": "16.0.0-alpha.6",
"react-native": "0.44.3",
"react-native-deprecated-custom-components": "^0.1.0"
},
"devDependencies": {//指定项目开发所需要的模块。
"babel-jest": "20.0.3",
"babel-preset-react-native": "1.9.2",
"jest": "20.0.4",
"react-test-renderer": "16.0.0-alpha.6"
},
"jest": {//
"preset": "react-native"
}