react或vue启动命令那些事

目录

1.前言

2.一条启动命令执行多条命令语句

3.隆重推出工具：Conacurrently

4.隆重推出工具：wait-on

4.隆重推出工具：cross-env

---

1.前言

使用过vue或者react的开发者，应该都会知道，在项目中有个package.json文件，里面有项目的启动命令，这些命令我们可以自定义，甚至，有些项目需要启动多条命令，下面将会介绍如何自定义命令和如何更加方便的配置开发环境。

---

2.一条启动命令执行多条命令语句

关键符号&表示和的意思

然而，这种命令有很多缺点：

1.不能跨平台，windowes不好用

2.命令没有先后之分，容易出问题

3.输出没有逻辑性，看起来很乱

4.占用端口

---

3.隆重推出工具：Conacurrently

Conacurrently同时同步的意思

--save-dev表示只在开发时用

npm install -g concurrently --save-dev

 

修改后的命令如下：

注意：斜杠\代表转义的意思

 缺点：

比如说运行两条命令，结果有一条慢一些，就会出问题，比如白屏现象。

---

4.隆重推出工具：wait-on

 

 

npm install wait-on  --save-dev

修改后的命令如下 

 

---

4.隆重推出工具：cross-env

作用：解决跨平台设置环境变量的问题

npm install --save-dev cross-env

比如下面这个，意思是我打开项目的时候，不要默认给我打开浏览器