react或vue启动命令那些事

简介: react或vue启动命令那些事

1.前言


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

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


关键符号&表示和的意思

image.png

然而,这种命令有很多缺点:

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

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

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

4.占用端口

3.隆重推出工具:Conacurrently


Conacurrently同时同步的意思

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

npm install -g concurrently --save-dev

image.png

修改后的命令如下:

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

image.png

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

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


image.png

npm install wait-on  --save-dev

修改后的命令如下

image.png

5.隆重推出工具:cross-env


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

npm install --save-dev cross-env

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

image.png

相关文章
|
1月前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
140 1
|
2月前
|
XML JavaScript 前端开发
Vue和React有什么区别
【8月更文挑战第28天】Vue和React有什么区别
400 0
|
1月前
|
前端开发 JavaScript UED
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
在React或Vue中,若需在更改用户所属组后更新页面所有数据但不刷新整个页面,可以通过改变路由出口的key值来实现。在用户切换组成功后,更新key值,这会触发React或Vue重新渲染路由出口下的所有组件,从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁,提供了更流畅的用户体验。
50 1
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
|
1月前
|
JavaScript 前端开发 应用服务中间件
本地运行打包好的React、Vue项目
本文讨论了如何本地运行打包好的React和Vue项目,并解决了使用React-Router时Tomcat部署刷新页面导致404的问题,提出了将请求转回index.html的解决方案。
21 1
本地运行打包好的React、Vue项目
|
16天前
|
JavaScript 算法 前端开发
【VUE】Vue的diff算法和React的diff算法
【VUE】Vue的diff算法和React的diff算法
|
21天前
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域,选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular,探讨它们各自的特点、开发场景、优缺点,并提供选择框架的建议。
32 6
|
18天前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
36 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
1月前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
1月前
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
52 4
|
1月前
|
JavaScript 前端开发 算法
vue和react的区别是什么?
vue和react的区别是什么?