Cypress系列-使用npm命令搭建cypress环境

为什么要开始学习Cypress？

很简单，IT行业的技术在不断的更新进步，作为IT行业从业者，等你有了几年工作经验之后，你的知识面不能还跟刚毕业的小白一样，啥都不知道。你可以不去深究它的细节，但是针对一些行业内新兴起的框架和工具等，你要知道是个什么东西，大概能解决什么样的问题。这也是我写文章然后建群跟同行一起交流的目的，希望能在群里面了解到大家都在学些什么，工作中会遇到什么样的问题，多多积累自己的经验。(有需要进群一起交流的，可以加我xiaobotester备注进群)

Cypress作为新兴起的一个自动化测试框架，目前我对它也不是很了解，这里就不去复制别人的介绍，只知道它的功能很强大，先来尝试着了解一下工具是怎么用的。感兴趣的可以自己看官方文档(全英文)介绍：https://www.cypress.io/

Cypress环境搭建

适用系统：

macOS 10.9 and above (64-bit only)
Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only)
Windows 7 and above

先安装nodejs，然后使用npm命令进行安装。nodejs环境参考之前的文章进行操作：Node.js环境搭建以及常见npm用法

创建一个项目的文件夹，我这里创建的目录是：D:MyScriptsCypress-demo。然后进入到文件夹里面后，打开cmd窗口，执行以下命令：

代码语言：javascript复制

cd /d D:MyScriptsCypress-demo
npm init (这条命令执行时，中间敲几次回车即可执行完)
npm install cypress --save-dev

或者安装cnpm后，用cnpm install命令进行安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完之后，执行命令打开cypress:

代码语言：javascript复制

方式1:
cd /d D:MyScriptsCypress-demo
"./node_modules/.bin/cypress" open （不加双引号会执行报错）

方式2:执行下面的命令:
cd /d D:MyScriptsCypress-demo  (进入目录再执行命令，让生成的cypress文件夹存放在该目录)
npx cypress open

注意事项：

1、启动cypress时，会在当前执行命令的路径下生成cypress文件夹

2、不要进入到node_modules/.bin目录下去执行启动命令，否则会报下面的错误：因为.bin目录下已经有一个cypress命令，无法在这个目录下再生成cypress文件夹了。