前端框架Vue环境安装(WebStorm+Node.js+NVM+Chrome+vue-devtools)

工欲善其事，必先利其器，废话不多说，直接上干货。

WebStorm

IDE我安装的WebStorm，是很久之前就安装好的了，印象中安装过程不难，只是经常都需要破解，不过好在每次都有热心的互联网大众分享破解码，所以问题不大。但是没办法分享详细的安装步骤了，百度一下应该都有。

---

Node.js

Node.js安装。下载网址。我是windows64位 的操作系统，下载的版本是v11.13.0。安装好了之后再检查一下是不是真的安装好了。（补充：Node是前端依赖包的管理工具）

大多数安装教程都是推荐下载左边那个，但是我一时兴起就下了右边这个，问题不大。

下载好了点击 node-v11.13.0-x64.msi开始安装，选择一下路径就可以了，没有什么特殊操作。（现在官方下载node会自动把npm也下载好）

去测试一下是不是真的安装好了。

如果是这样就是Ok的了，这个安装难度应该不大，我全程没有遇到什么问题。

---

NVM

这个下载安装就有点麻烦了，因为nvm好像只支持linux和mac下载，不支持windows，不过可以下载nvm的替代品。

（补充：nvm是Node多版本管理的工具）

下载地址

选择最新版本的nvm-setup.zip，下载好了解压安装，中间会让你输入两个地址，一个是nvm安装的地址，另外一个地址会自动添加到环境变量，这里我也不是很懂，所以遇到了点小问题。因为不想安装到C盘，所以没有用默认的地址，然后第二个地址默认是要.../nodejs，我不太懂就改了，结果安装过程中弹出一些什么类似需要覆盖我选择文件的内容之类的，我都同意了，最后也没安装成功。于是我用unins000文件卸载了。第二次安装，我的两个文件夹选择的就是。F:\nvm和 F:\nodejs，然后安装过程中也没弹出什么东西，就直接安装好了。

怎么检查自己安装好没有呢？在cmd里面输入nvm能查到版本号什么的就是安装好了。

安装好了还有一件事需要做！

添加一些信息到setting.txt文件

arch: 64
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

截止现在nvm算是安装好了。我这里直接上干货，具体原理就没介绍了。下面有两篇更详细的博客。

windows系统安装可以参考这篇博客。Linux系统安装可以参考这篇博客。

---

chrome浏览器

一般都用firefox的我本来是不想下载谷歌浏览器的，但是谷歌浏览器有一个vue-devtools的插件，可以方便vue的调试，所以我就下载啦。不过我是在电脑的软件关机里面下载的，一键安装那种。

---

vue-devtools

下载安装了这么多东西，最难的大概就是vue-devtools了吧，不过千万别着急，因为我找到了一个下载捷径！

为什么难安装呢，其实在谷歌商店里面就可以直接安装的，但是很多教程里面都是去Github里面下载，然后进行一些修改配置。很多地方需要设置，很多文件也需要改来改去，最后还不一定安装得好。所以最后，还是把目标投向了谷歌商城，思路就是，下载一个谷歌访问助手，然后在谷歌商场里面下载vue-devtools插件。其过程非常简单。

详细过程参考这篇博客。