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