共计 1630 个字符,预计需要花费 5 分钟才能阅读完成。
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, 功败垂成!!!!!