一、简介

npm是nodejs的包管理工具,用于node插件管理。cnpm是淘宝在中国做的nodejs镜像,避免访问国外的nodejs网站出现异常。

二、安装nodejs

1、安装

 有两种选择一种是安装文件安装,一种是免安装的zip包。这里我选择的是.zip文件,下载完成后解压到想要放置的目录,这里我解压的目录是D:\Program Files\node-v9.11.2-win-x64。

通过cmd打开命令提示符窗口,进入安装目录D:\Program Files\node-v9.11.2-win-x64,输入npm –v,检测是否安装成功,如果安装成功会显示版本号,如果在非安装目录输入npm –v会提示没有这个命令。这是由于环境变量没配置的原因:

2、配置环境变量

在系统环境变量PATH中添加:D:\Program Files\node-v9.11.2-win-x64;

 验证环境变量配置是否成功,需要打开新的命令提示符窗口操作,否则无法验证。

3、配置全局模块和cache模块路径

在命令行窗口输入:

npm config set prefix "D:\Program Files\node-v9.11.2-win-x64\node_global"
npm config set cache "D:\Program Files\node-v9.11.2-win-x64\node_cache"

 完成后可以在安装路径下看到新增两个文件夹node_global和node_cache:

如果想要修改设置的node_global和node_cache的名称,可以通过重新输入命令的方式修改,或者进入C:\Users\Administrator目录,找到.npmrc文件打开,修改或删除键值对:

 有些安装说需要新增变量NODE_PATH,值是:D:\Program Files\node-v9.11.2-win-x64\node_global。这个可以不配置。

三、安装cnpm

1、安装

在命令提示符窗口输入

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

安装cnpm。

安装完成后,输入cnpm –v验证是否安装成功:

这里报错是因为还需要配置环境变量。

2、配置环境变量

在系统变量PATH或用户变量PATH中添加:D:\Program Files\node-v9.11.2-win-x64\node_global。然后打开命令提示符窗口输入cnpm –v验证: 

3、常用命令

1)安装依赖包:cnpm install

现在就表示安装成功了。如果项目需要安装依赖包,只要进入项目的目录,输入cnpm install就可以安装了。

2)启动项目:cnpm start

在命令提示符窗口进入项目目录,输入cnpm start就可以启动项目。

3)设置浏览器跨域属性

找到chrome.exe的路径,在命令提示符窗口输入:

"C:\Users\Administrator\AppData\Local\Google\Chrome\Application\
chrome.exe" --disable-web-security --user-data-dir=C:\chromeData

4)编译代码至dist目录:npm run build(本地编译)

在命令提示符窗口进入项目目录,输入npm run build/cnpm run build

5)查看版本号:npm view jquery version

比如,在命令提示符窗口输入npm view jquery version可以查看jquery版本号。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐