感谢作者:https://www.jianshu.com/p/13f45e24b1de
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
安装
http://nodejs.cn/download/官网下载对应版本,我本次安装的这个是Windows版本的。下载完成就是这样一个msi文件。
双击运行,安装,安装流程就不用说了,一路next,过程真的很简单,如果有需求可以自己改正安装路径,我在我的电脑D盘安装,安装完成如图所有。
还记得我们在安装时有这个Add to PATH
,这个是自动帮我们配置环境变量的,安装完成我们去环境变量检查看看,确实如此。
到这一步完成,我们的nodejs就安装完成了。可以查看版本。
配置包路径
默认情况下,我们在执行npm install -g XXXX
时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules
下,可以通过CMD指令npm root -g
查看
。
但是有时候我们不想让全局包放在这里,为了便于我们查看我们下载的包资源,我们想放在node的安装目录下。
1、在node安装目录下下新建两个文件夹
node_global 全局包下载存放
node_cache node缓存
在CMD窗口执行以下两条命令,即可修改这两个路径
npm config set prefix "D:\install\nodejs\node_global"
npm config set cache "D:\install\nodejs\node_cache"
(注意,这里的 “D:\install\nodejs\node_global”、“D:\install\nodejs\node_cache” 要根据自己的安装路径改。)
解决下载速度慢问题
就像我们使用maven下载jar包一样,镜像的不同会导致下载速度很慢,这很让人烦躁。下载资源时老是报一些错误,归根结底就是下载速度慢,网速不好等。例如这个rollbackFailedOptional……
我查了资料,有个很好的办法就是安装 nrm (镜像切换的管理工具包) ,去做镜像的切换,最起码你要先安装一个 nrm 啊,但是是第一次安装nodejs,默认的镜像是外国的,就是很慢喽,所以安装 nrm 也是很慢的,就很不爽,解决不了。
备注一下安装nrm的命令是:npm install nrm -g
于是我又找了找解决办法。
修改npm的资源镜像链接即可解决。
npm config set registry http://registry.npm.taobao.org
此时下载速度快了很多。
我们之前修改配置的包路径也是起作用的,vue下载在了我的D:\install\nodejs\node_global中了。
这时我们再去执行npm install nrm -g
速度也是很快。太爽了
用node引入vue
之前,我们在写前端代码时,如果要引入那个包,需要去对应官网下载其js包,copy到我们的项目中,然后引入才能使用,这样很不优雅,也不好管理我们的包资源,而且使用麻烦,占内存。
能不能想Java中的maven一样,用哪个包就去导入其对应的坐标到pom文件中即可。node就可以解决这个问题。
打开我们的idea工具,创建一个项目,然后在下方打开Terminal,输入npm init -y
,帮我们初始化项目,并生成默认的package.json
文件,这个文件就像是我们在javamaven中的pom文件。
输入npm install vue --save
命令。下载vue资源到项目。下载成功,在package.json中会自动生成vue的dependency。
然后就可以直接引入使用vue了。
<script src="node_modules/vue/dist/vue.js"></script>