React 前端框架环境

悠悠 2022-05-21 02:42 225阅读 0赞

1.  安装nodejs (node-v8.11.1-x64.msi)
2.  进入cmd指定前端工程目录   
    ![70][]  
    
3.  安装node\_modules ，输入 npm install 回车（请参考上图）
4.  编译打包到dist目录 npm run build
5.  安装nginx,解压nginx-1.14.0.zip到英文路径下  
    
    
    修改\\conf下的nginx.conf文件中的location root为前端工程发布的dist目录
    
    ![viewfile_f_246B63BFC70F9F5AEEF75514890F9E1F14F879E82FCCEFE3A0401D48053FF4AC31EB5B98D0A78D7CFAC276D3CFE1326CFB2D6B76205908CF1E80720815E6097191352AD1CACDE565A0EF1DCD0975766966E6AAC156BE79158CC2A65483280955_usewmcache_1_sid_RXnQEFsWImtfMhhD_2][]
    
    点击  nginx.exe启动nginx
    
      
    
6.  辅助脚本  
    6.1 编译打包脚本，创建一个build.bat文件，内容如下：  
    
    
        rmdir dist /S /Q
        npm run build
    
    6.2 重启nginx 服务，创建一个reload.bat文件，内容如下：  
    
    
        @echo off   
          
        %~d0  
          
        cd %~dp0  
          
        nginx -s reload  
    
    6.3 停止nginx服务，创建一个quit.bat文件，内容如下：  
    
    
        @echo off   
          
        %~d0  
          
        cd %~dp0  
          
        nginx -s quit

[70]: /images/20220521/b905e1e968e840df8fb3c26cf3fb0c29.png
[viewfile_f_246B63BFC70F9F5AEEF75514890F9E1F14F879E82FCCEFE3A0401D48053FF4AC31EB5B98D0A78D7CFAC276D3CFE1326CFB2D6B76205908CF1E80720815E6097191352AD1CACDE565A0EF1DCD0975766966E6AAC156BE79158CC2A65483280955_usewmcache_1_sid_RXnQEFsWImtfMhhD_2]: /images/20220521/f6a97a02b279452fa7d35745504d7c98.png

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关前端基础框架之react（持续更新中）

自从三年前开发过react之后，就再没有用过了，三年后的今天react越来越火热，RA开发原生app，AntD UI框架，Hooks，函数组件,Redux都快忘光了，版本也更新

左手的ㄟ右手/ 2023年03月03日 11:26/ 0 赞/ 4 阅读

相关 React前端开发环境搭建

React前端开发环境搭建首先，我们需要明确的是React和很多前端框架一样，底层都还是js以及html，即便它有着看似特殊的jsx语法。我们要在服务端运行js，就

拼搏现实的明天。/ 2022年12月22日 04:35/ 0 赞/ 159 阅读

相关前端（Vue，React）框架面试题总结

![6addde64386ed8ed803d7ee8fee96354.png][] 前言 Vue 是用于构建交互式的 Web 界面的库。Vue 提供了 MVVM 数据绑

梦里梦外;/ 2022年11月15日 11:22/ 0 赞/ 242 阅读

相关前端框架React,Angular和Vue详解

前端框架React,Angular和Vue详解 1. 三种架构概述 2. Vue概述 2.1 Vue简介 2.2 Vue起源

「爱情、让人受尽委屈。」/ 2022年09月10日 03:24/ 0 赞/ 181 阅读

相关目前较火热的前端框架----React（转载）

[React 入门实例教程][React] 从[https://github.com/ruanyf/react-demos][https_github.com_ruanyf_

亦凉/ 2022年07月08日 16:27/ 0 赞/ 149 阅读

相关 React 前端框架环境

1. 安装nodejs (node-v8.11.1-x64.msi) 2. 进入cmd指定前端工程目录 ![70][] 3. 安装node\_

悠悠/ 2022年05月21日 02:42/ 0 赞/ 226 阅读

相关微服务前端开发框架React-Admin

前言 React-Admin是基于React16.x、Ant Design3.x的管理系统架构。采用前后端分离，内置了许多管理系统常用功能，通过一些脚本、封装帮助开发人

曾经终败给现在/ 2022年03月14日 13:20/ 0 赞/ 259 阅读

相关 React前端开发环境搭建

node安装：[https://blog.csdn.net/weixin\_39706415/article/details/88680676][https_blog.csdn

痛定思痛。/ 2022年03月02日 09:10/ 0 赞/ 300 阅读

相关学习react前端框架dva

dva 是由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：“dva 是 react 和 redux 的最佳实践”。

女爷i/ 2021年09月16日 04:40/ 0 赞/ 503 阅读

相关 bootstrap、easyui、react前端框架区别

1、bootstrap： JQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美

刺骨的言语ヽ痛彻心扉/ 2021年06月22日 15:37/ 0 赞/ 489 阅读