nodejs环境安装windows

1、下载对应你系统的Node.js版本:Download | Node.js

安装之后的目录如下：

查看安装版本号

node -v

npm -v

设置nodejs prefix（全局）和cache（缓存）路径

希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在安装的文件夹【C:\Program Files\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" 

npm root -g 查看配置是否成功

设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里 

配置环境变量

说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径

1、鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框。

2、修改系统变量PATH

新增系统变量NODE_PATH

NODE_PATH

C:\Program Files\nodejs\node_global\node_modules  

再把%NODE_PATH% 加入到Path中

修改系统变量PATH

 

PATH后面新增：

C:\Program Files\nodejs\node_global

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

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

安装cnpm包，使用淘宝镜像 

npm install -g cnpm --registry=https://registry.npm.taobao.org 

这样就可以使用 cnpm 命令来安装模块了

cnpm install [name] 

安装Vue

cnpm install vue -g

安装webpack 

cnpm install webpack -g 

安装vue脚手架 

cnpm install vue-cli -g 

4、npm初始化构建项目

构建一个基于 webpack 模板的vue项目：

初始化工程，名字<工程名字不能用中文>

vue init webpack demo

进入项目 

cd demo 

项目结构如下： 

安装项目依赖，一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢。

注意：不要从国内镜像cnpm install 安装(会导致后面缺了很多依赖库)

npm install

安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

启动项目 

npm run dev

访问：http://localhost:8084 

5.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 express@3.2.0;安装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