Window 10
安装 nodejs / npm
下载最新版本的 node.js:Node.js 下载
下载以往版本的:https://nodejs.org/zh-cn/download/releases/
一定要注意安装的版本,不要安装最新版,否则有一些包安装不了,不支持最新的版本,如果需要这包的话,安装执行时环境就一直报错无法运行!
点击安装包进行安装,一直点下一步即可。安装完成后,按 win + r
键,输入 cmd
回车。
输入 npm -v
验证看看是否安装成功。(如果安装前就已打开cmd,可能会提示没有此命令,可以关闭cmd,然后重新打开再试试)
出现版本号,没有报错即是安装成功。
npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西
查看 npm 本地仓库
npm list -global
可以看到仓库位置在 C:\Users\z\AppData\Roaming\npm
配置完成后,安装个module测试下 执行
npm install express -g
- -g 是全局安装
更换为淘宝镜像
让下载速度提高,使用国外的有时会下载失败
# 设为淘宝镜像源
npm config set registry http://registry.npm.taobao.org/
# 检查是否更换成功
npm config get registry
- 其他镜像:中国 npm 镜像
安装 nvm 版本控制
可在点此在 github 上下载最新版本,本次下载安装的是windows版本。打开网址我们可以看到有两个版本:
- nvm-noinstall.zip:绿色免安装版,但使用时需进行配置。
- nvm-setup.zip:安装版,推荐使用
推荐阅读文章:nvm安装与使用
安装国内镜像(cnpm)
npm 是 国外的服务器,所以出现下载慢或者出现异常
cnpm则是淘宝团队做的npm的镜像,解决上述问题,目前10分钟更新一次
保证与官服同步。其操作方式用 npm一致。安装:
# 使用淘宝镜像进行下载安装
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装成功后 运行 cnpm -v 命令
cnpm -v
如果执行后出现
cnpm : 无法加载文件 C:\Users\z\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息…
就按下 win 键,输入 powershell
点击右侧的“以管理员身份运行”,打开后输入
set-ExecutionPolicy RemoteSigned
然后输入更改权限为:A
通过命令 get-ExecutionPolicy
查看当前的状态
即可使用
安装 vue
执行命令:
npm install -g vue
安装 vue 脚手架
命令:
cnpm install @vue/cli -g #(最新版本)
#cnpm install vue-cli -g(不是最新版本)
到这儿环境已搭建好
参考:
其他推荐:
《安装 node.js 和 vue 环境》有1条评论