当前位置: 首页 > news >正文

reactjs服务器端渲染——node搭建简易服务器

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

#环境搭建 ##node安装 (本机环境win10)

  • 下载官方安装包(https://nodejs.org/e)
  • 直接安装即可

##安装npm包(bower ** http-server** browserify gulp ..)

  • 打开cmd命令窗口 输入node --version指令确认nodejs安装正常
  • npm包安装命令(建议全局安装)常用的有:http-server/bower等
    • 全局 npm install -g pkgName 示例: npm install -g bower
    • 本地 npm install pkgName

##安装常用bower插件 注意:

  • 在此之前必须安装git,并将其路径加入到系统环境变量中去。
  • 调试reactjs必须安装babel插件

**安装命令:**bower install package_name


常用插件有:

  • bootstrap
  • fontawesome【图标】
  • jquery
  • Buttons【按钮】
  • jqtree【树状菜单】
  • jstree【树状菜单】
  • toastr【消息通知插件】
  • moment【时间日期插件】
  • pygments【代码高亮插件】
  • Bootstrap Notify【消息通知插件】
  • bootswatch 【免费的bootstrap主题】
  • bootstrap-switch 【开关按钮】

开启服务

  • 打开cmd命令行,进入待发布工作文件夹
  • 输入指令http-server 即可打开默认端口为8080的服务
  • 打开浏览器,输入 http://localhost:8080 即可看到目录下文件
  • 点击需要渲染的html页面即可实现服务器端页面渲染

转载于:https://my.oschina.net/u/2882840/blog/738758

相关文章:

  • java后台接收前端对象数组
  • MyBatis 中if 标签 判断字符串不生效
  • 开源大数据周刊-第20期
  • Linux新建Oracle用户和数据库并导入sql文件
  • layui 数据表格内嵌上传按钮,并在上传中增加所在行的id或其他属性
  • 重启oracle的方法
  • ios中屏幕旋转的控制
  • 已有实例创建新的数据库空间和用户,并授权
  • 关于margin和padding的总结
  • 关于kafka发送消息过大导致的异常的解决方式
  • PHP利用Curl实现多线程抓取网页和下载文件
  • Java Logback教程
  • 石子合并[DP-N3]
  • log4j2定期生成和删除过期日志文件的配置
  • 使用netcat进行反弹链接的shellcode
  • 【EOS】Cleos基础
  • Angular4 模板式表单用法以及验证
  • Consul Config 使用Git做版本控制的实现
  • es6(二):字符串的扩展
  • flutter的key在widget list的作用以及必要性
  • Java 多线程编程之:notify 和 wait 用法
  • js递归,无限分级树形折叠菜单
  • JS基础之数据类型、对象、原型、原型链、继承
  • LeetCode算法系列_0891_子序列宽度之和
  • Mocha测试初探
  • oschina
  • overflow: hidden IE7无效
  • 分享一个自己写的基于canvas的原生js图片爆炸插件
  • 高程读书笔记 第六章 面向对象程序设计
  • 机器学习 vs. 深度学习
  • 简单易用的leetcode开发测试工具(npm)
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 我的业余项目总结
  • 主流的CSS水平和垂直居中技术大全
  • Python 之网络式编程
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • #laravel 通过手动安装依赖PHPExcel#
  • $.ajax()
  • (04)odoo视图操作
  • (3)(3.5) 遥测无线电区域条例
  • (LeetCode C++)盛最多水的容器
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (二)丶RabbitMQ的六大核心
  • (接口自动化)Python3操作MySQL数据库
  • (篇九)MySQL常用内置函数
  • (原創) 如何讓IE7按第二次Ctrl + Tab時,回到原來的索引標籤? (Web) (IE) (OS) (Windows)...
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (转)母版页和相对路径
  • .Net Attribute详解(上)-Attribute本质以及一个简单示例
  • .net core Swagger 过滤部分Api
  • .Net Core 中间件验签
  • .NET NPOI导出Excel详解
  • .net操作Excel出错解决
  • .NET的微型Web框架 Nancy
  • .Net各种迷惑命名解释