安装 node.js 和 vue 环境

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

安装 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条评论

发表评论