nodejs环境安装windows

1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/

安装之后的目录如下:

2.查看安装版本号

node -v

npm -v

3、环境配置

修改npm包管理器的registry为淘宝镜像

npm config set registry https://registry.npm.taobao.org(官方地址为registry.npmjs.org)

 说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

配置环境变量

NODE_PATH

C:\Program Files\nodejs\node_global\node_modules  

 

PATH

C:\Program Files\nodejs\node_global

4.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

8、npm初始化构建项目

    例如,构建一个基于 webpack 模板的vue项目:

$ npm instll vue;

$ npm install --global vue-cli;vue的命令行工具

$ vue init webpack demo;核心命令

$ cd demo

$ npm instll;安装所有依赖包

$ npm run dev;运行开发阶段的项目

    例如,构建

$ npm install -g react-native-cli;React Native的命令行工具

$ react-native init demo;核心命令

$ cd demo

$ react-native run-android;运行android平台的项目

    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"
}

猜你喜欢

转载自blog.csdn.net/qq_38270106/article/details/83380478