第一步:安装nodejs
1.在官网下载.msi后缀的安装软件,以下是官网地址:http://nodejs.cn/download(在windows下安装默认选择全部组件)
2.双击打开安装软件,可自定义安装地址,各种点击next,最后点击install安装即可
3.安装完后打开命令提示符,输入node -v即可查看Node的版本(若在这之前已经打开命令提示符,输入该指令会显示‘node’不是内部或外部命令,也不是可运行的程序或批处理文件,所以需要重新打开命令提示符窗口输入相应指令查看版本),新版的Nodejs集成了npm所以npm也帮你安装好了,同样可以输入npm -v的指令来查看是否已安装成功。
4.小伙伴们看了上面的图想问这个npm是个啥?
npm是Node.js的包管理工具,中文文档的地址是:https://www.npmjs.com.cn/,
里面是这样介绍的:“它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。”,也就是说,有很多小伙伴把他们造的轮子共享了出来,不管这些包有何模块关系,npm工具都会去查找所有你需要使用的包并且下载到本地供你使用。
你可以使用npm -v的指令来查看你的npm是否成功安装。
第二步:配置环境变量
新版的Nodejs已经帮你配置好了环境变量了哦,可以通过查看你电脑的属性中的系统环境变量,会发现path环境变量中配置了node.exe的目录路径,在命令操作符中输入set path可查看nodejs的配置:
第三步:安装个模块试试?
在dos窗口输入指令npm install express -g即可安装此包:
安装成功了,看网上有些小伙伴说安装速度特别慢,可能是我网速有点快吧,那网速慢的小伙伴可以指定某个国内镜像服务器去获取资源,如阿里巴巴国内的镜像服务器,这样就不用等太久了,指令如下:
npm config set registry http://registry.npm.tao.org
(该指令可永久设置镜像服务器地址)
再安装个jade试试来体验一下效果?
输入指令:npm install jade -g(-g为全局安装)
第四步:(可选)
既然刚刚装的两个依赖包都是全局安装的,那装到哪里去了呢?
于是乎看到网上有npm全局模块和cache缓存的路径设置教程,原来我们刚才全局安装的包(模块)都装到C:\Users\电脑名称\AppData\Roaming\npm\node_modules文件夹下,cache是安装到C:\Users\电脑名称\AppData\Roaming\npm\node_modules了,不开心的我这就要改一波路径了
步骤:
1.自定义文件路径,比如可以在node的安装文件夹下新建两个文件夹保存npm的全局模块和cache模块:node_global和node_cache
2.设置缓存文件夹和全局模块存放路径:
指令为:npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
如下图:
3.安装vue-cli检查一下
指令:npm install vue -g
安装好vue模块后会提示vue-cli的路径和版本:如下图
4.打开node_global的文件夹会发现里面新建了一个node_modules的文件夹,打开此文件夹里面保存了vue-cli的模块包,表示此模块已经成功下载,此时想要查看下vue-cli模块的版本,输入指令vue -V报错,“‘vue’不是内部命令或外部命令,也不是可运行的程序或批处理文件”,因为刚才改了modules模块的默认地址,所以需要修改一个环境变量,如下:
(1).在系统变量中新建变量名:NODE_PATH,变量值为D:\node\node_global\node_modules
测试:进入node环境(输入指令:node即可进入node环境),引用vue模块,如下图
(2).修改用户变量的path值:
变量名:PATH,变量值:D:\node\node_global,如下图
(3).查看vue-cli模块的版本
打开dos命令窗口,输入指令vue -V,如下图: