vue项目的创建离不开node,无论是项目的构建,模块的加载,启动服务运行等都需要在node中运行,在项目开发前期还没引入正式服务器的时候,node就是一个很好的服务工具,所以学习node的基本使用很重要。
写这篇文章的目的是我本人在使用node遇到过的坑,以及介绍一个我新接触到的nvm管理工具去管理node版本。
注:(以下的步骤一是之前我使用的安装方式,如果已经安装过的可以直接跳去步骤二)
1.官网安装node.js
进入官网后,可以选择自己电脑符合的版本进行安装,本例子是选择Windows安装包(.msi) 64位,选择.msi安装包的好处是可以根据提示配置一些选项,例如(环境变量等)
![](https://i-blog.csdnimg.cn/blog_migrate/d363b6f8dda08e91d65c54d0c02d32a1.png)
下载完后一直点next即可,直到弹出install,点击install进行安装
![](https://i-blog.csdnimg.cn/blog_migrate/3d8373f3f61aaf74bb0c790d746ce7e9.png)
安装完成之后我们可以查看系统变量PATH,可以看到已经帮我们自动添加上了node环境
![](https://i-blog.csdnimg.cn/blog_migrate/3b8335031a5bef4bc9b7b303f0b6d1d9.png)
打开cmd,输入指令查看node 和 npm 的版本,如果有版本号出现即安装成功。
-
查看node版本:node -v
-
查看npm版本:npm -v
![](https://i-blog.csdnimg.cn/blog_migrate/904901f24d9101bdd6bbdf7440372b8f.png)
2.安装nvm管理工具
选择这个工具的原因是因为,node的版本是非常多的,有一些版本号比较高,有一些版本号比较稳定,由于版本的不同经常会在vue项目中运行的时候产生某些报错,具体是什么原因我还不是很清楚,不过大概知道是因为版本号太高或者版本号太低导致的,之前的做法是卸载->重新安装,但是这样花费的时间太长了,所以我了解到这个nvm管理工具可以安装多个node,然后可以进行版本的快速切换,非常方便。
1.安装之前我们需要把原本安装的node先删除,在cmd输入where node ,查找到node的项目目录,将该目录的文件全部删除。
2.点击nvm工具安装地址->进入到安装的页面,往下滑找到 nvm-setup.zip进行安装
![](https://i-blog.csdnimg.cn/blog_migrate/fed5a37945dd080ef800e791cb935ab1.png)
3.下载完毕后解压文件,点击解压的exe进行安装,一直点击next
![](https://i-blog.csdnimg.cn/blog_migrate/7f76555a10fb042960a9c0d785533fa6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/5d258e3645cf478388d46bb059003522.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d013f562d2282481877d04ec6c0bad6c.png)
4.点击install进行安装
![](https://i-blog.csdnimg.cn/blog_migrate/21f0fcf542cbe37808aae12833c84893.png)
5.安装完毕之后进入cmd ,输入nvm -v 查看版本,如果有版本信息就是安装成功了
![](https://i-blog.csdnimg.cn/blog_migrate/f8161d2ae958bb3bcb42863343790e9e.png)
安装完nvm后可以设置node 和 npm 的镜像,打开nvm里的setting.txt,在后面加入这两行代码(可选)
node_mirror:npm.taobao.org/mirrors/node/
npm_mirror:npm.taobao.org/mirrors/npm/
![](https://i-blog.csdnimg.cn/blog_migrate/ffad990ebc2e3f5b8373b06a9b44a6ab.png)
3.nvm的一些基本使用
nvm off // 禁用node.js版本管理(不卸载任何东西)
nvm on // 启用node.js版本管理
nvm install <version> // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm uninstall <version> // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
nvm ls // 显示所有安装的node.js版本
nvm list available // 显示可以安装的所有node.js的版本
nvm use <version> // 切换到使用指定的nodejs版本
nvm v // 显示nvm版本
nvm install stable // 安装最新稳定版
![](https://i-blog.csdnimg.cn/blog_migrate/701850be223096473abacffa4984e7de.png)