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

网站如何调用数据库seo软件资源

网站如何调用数据库,seo软件资源,网站备案收费幕布,局网站建设进入前十名React学习001-创建 React 应用 1、安装node.js2、安装构建工具2.1 核心特性2.2 性能对比​​2.3 适用场景​​ 3、创建应用4、项目启动参考文章 1、安装node.js 这里建议安装nvm多版本管理node.js,想用哪个版本,一条命令即可~ 多版本管理node.js 2、安…

React学习001-创建 React 应用

  • 1、安装node.js
  • 2、安装构建工具
    • 2.1 核心特性
    • 2.2 性能对比​​
    • 2.3 适用场景​​
  • 3、创建应用
  • 4、项目启动
  • 参考文章

在这里插入图片描述

1、安装node.js

这里建议安装nvm多版本管理node.js,想用哪个版本,一条命令即可~
多版本管理node.js

2、安装构建工具

Rollup、esbuild、webpack 和 Vite 四种前端构建工具的对比分析。
在vue那篇文章里面,默认使用的Vite构建工具。

2.1 核心特性

​​Rollup​​ 专注于 ES 模块打包,支持 Tree Shaking,输出代码简洁高效;插件生态较丰富 库/框架开发,生成轻量级、高性能的 JS 库。
​​esbuild​​ 基于 Go 语言,极速构建(快 10-100 倍);支持 TS/JSX,但功能较基础 快速开发环境,适合预构建和简单任务。
​​webpack​​ 全能型打包工具,支持多种资源(JS/CSS/图片等),生态庞大,配置复杂 复杂应用开发,尤其是企业级项目。
​​Vite​​ 双引擎架构(开发用 esbuild,生产用 Rollup);基于原生 ESM,按需编译 现代 Web 应用开发,追求极速启动和热更新。

2.2 性能对比​​

​​构建速度​​:
​​esbuild​​ 最快(Go 语言多线程并行),适合开发阶段。
​​Vite​​ 开发模式下冷启动快(跳过打包),生产模式依赖 Rollup。
​​webpack​​ 最慢(需构建完整依赖图),但可通过缓存优化。
​​Rollup​​ 中等速度,适合小型库打包。
​​热更新(HMR)​​:
​​Vite​​ 最快(基于 ESM 按需编译)。
​​webpack​​ 较慢(需重新计算依赖树)。
​​Rollup​​ 需插件支持,原生不支持 HMR。

2.3 适用场景​​

​​Rollup​​ JS 库/框架(如 Vue/React 源码打包),需 Tree Shaking 和干净输出。 多资源类型的大型应用开发。
​​esbuild​​ 开发环境预构建、快速原型开发;作为底层工具(如 Vite 的依赖预构建)。 生产环境复杂优化(如代码分割)。
​​webpack​​ 企业级 SPA、多页面应用;需处理复杂资源或兼容旧浏览器。 对构建速度要求极高的现代项目。
​​Vite​​ 现代框架(Vue/React)项目;追求开发体验和 ESM 原生支持。 需深度定制或旧浏览器兼容的项目。

3、创建应用

这里我们用vite构建工具创建react

npm create vite@latest my-app -- --template react

加粗样式
然后上下选择创建的框架:
在这里插入图片描述
​​推荐选择 TypeScript + SWC 或 JavaScript + SWC​​(性能优先,适合大多数现代项目)
某些 Babel 插件(如自定义代码转换)可能无法直接迁移到 SWC。
npm run dev 启动时间:SWC 约 1-2 秒,Babel 约 5-10 秒。
生产构建速度:SWC 通常比 Babel 快 50% 以上。
Babel 是一个 JavaScript 编译器,将ES代码转换成js代码
在这里插入图片描述

4、项目启动

 cd react-demopnpm installpnpm run dev

在这里插入图片描述
出现下面的说明启动成功:
在这里插入图片描述

参考文章

Vue学习001-创建 Vue 应用

http://www.15wanjia.com/news/19947.html

相关文章:

  • 行业门户网站模板百度快速排名技术培训教程
  • 衢州网站建设专业的公司泰州百度关键词优化
  • 网站开发费用计入什么二级科目电脑零基础培训班
  • 做网站便宜的公司营销型网站的特点
  • 运城做网站哪家好seo优化工具软件
  • 怎样做艾条艾柱网站企业网站设计图片
  • 单页营销网站怎么做百度小说排行榜完本
  • 网站建设的会计科目网络营销的概念和特征
  • 龙井网站建设天津seo代理商
  • 曲阜建设局网站如何去做网络推广
  • 广东汽车品牌网站建设seo排名赚钱
  • 长沙网站制作一般多少钱百度关键词seo排名
  • 公司做网站要花多少钱汕头seo按天付费
  • 做网站推广合同哪里做网络推广
  • 做网站microsoft南京seo按天计费
  • 永定门网站建设2022年度最火关键词
  • 莘县做网站新网站怎么推广
  • 广东省门户网站建设的现状南京seo网站优化
  • 邯郸网站建设公司关键词搜索名词解释
  • 北京做企业网站的公司合肥seo报价
  • 做网站 图片格式seo教程自学网
  • 网站建设与维护案列sem代运营公司
  • 嘉祥网站建设百度关键词推广工具
  • 做网站需要展示工厂么如何建立自己的网络销售
  • 烟台牟平住房建设局网站线上推广费用预算
  • 如何用ps做网站网页模板网站
  • 马鞍山做网站的免费优化推广网站的软件
  • 做自动发货网站郴州网站建设推广公司
  • 怎么制作网站开发设计网站制作费用多少
  • 滁州建设厅网站郑州热门网络推广免费咨询