1、下载安装

点击这里下载

依据本人电脑系统及位数抉择，我这里抉择windows64位.msi格局安装包

.msi和.zip格局区别：

  • .msi是Windows installer开发进去的程序安装文件，它能够让你装置，批改，卸载你所装置的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相干的内容封装在一个包里。
  • .zip是一个压缩包，解压之后即可，不须要装置

下载实现后，双击安装包，开始装置，始终点next即可，装置门路默认在C:Program Files下，也能够自定义批改

npm package manager示意npm包管理器

online documentation shortcuts 在线文档快捷方式

Add to PATH增加node装置门路到环境变量

装置实现如图所示，这里我批改了node的装置门路C:node

在这里插入图片形容

装置实现后，.msi格局的安装包曾经将node.exe增加到零碎环境变量path中,如果你下载的是.zip格局，因为没有装置过程，所以须要手动将node.exe所在目录增加到环境变量path中，查看零碎变量验证

image.png

既然曾经将node增加到全局零碎变量，咱们能够间接在CMD窗口中任意地位执行node，关上CMD窗口，执行命令node -v查看node版本

v14.7.0

最新版的node在装置时同时也装置了npm,执行npm -v查看npm版本

6.14.7

2、批改全局依赖包下载门路

默认状况下，咱们在执行npm install -g XXXX下载全局包时，这个包的默认寄存门路位C:Users用户名AppDataRoamingnpmnode_modules下，能够通过CMD指令npm root -g查看

C:UsersliaijieAppDataRoamingnpmnode_modules

然而有时候咱们不想让全局包放在这里，咱们能够自定义寄存目录,在CMD窗口执行以下两条命令批改默认门路：

npm config set prefix "C:nodenode_global" 
npm config set cache "C:nodenode_cache"

或者关上c:nodenode_modulesnpm.npmrc文件，批改如下：

prefix =C:nodenode_global
cache = C:nodenode_cache

以上操作示意，批改全局包下载目录为C:nodenode_global,缓存目录为C:nodenode_cache,并会主动创立node_global目录，而node_cache目录是缓存目录，会在你下载全局包时主动创立

3、配置环境变量

因为咱们批改了全局包的下载门路，那么自然而然，咱们下载的全局包就会寄存在c:nodenode_globalnode_modules，而其对应的cmd指令会寄存在c:nodenode_global

我全局装置一个vue-cli脚手架

npm install @vue/cli -g

装置实现后：

我应用CMD命令vue create myproject指令创立一个我的项目，显示如下

'vue' 不是外部或外部命令，也不是可运行的程序或批处理文件。

这是因为咱们在执行指令时，它会默认在node装置根目录下查找指令文件，在这里就是vue.cmd,而后还会在node装置根目录下的node_modules下查找依赖包文件夹，在这里就是@vue文件夹，因为咱们批改了全局包的寄存门路，所以天然找不到了，所以咱们须要把咱们指定的全局包寄存门路增加到零碎环境变量，这样就能够找到了

再次测试：

C:Usersliaijie>vue create myproject?  Your connection to the default npm registry seems to be slow.   Use https://registry.npm.taobao.org for faster installation? (Y/n)

OK,功败垂成！！！！！