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

福州建网站的公司网站网络优化外包

福州建网站的公司,网站网络优化外包,seo自然优化排名技巧,邢台网站改版制作公司创建 Vue 应用 1、安装node.js2、安装pnpmnpm、pnpm、yarn、bun 对比​​安装速度​​​​​​磁盘空间​​​​​​​​网络与缓存​​​​​​​​适用场景推荐​​​​​​兼容性与生态 3、创建应用3.1 输入项目名称3.2 请选择要包含的功能3.3 选择一个端到端测试框架3.4 是…

创建 Vue 应用

  • 1、安装node.js
  • 2、安装pnpm
    • npm、pnpm、yarn、bun 对比
      • ​​安装速度​​
      • ​​​​磁盘空间​​
      • ​​​​​​网络与缓存​​
      • ​​​​​​适用场景推荐
      • ​​​​​​兼容性与生态
  • 3、创建应用
    • 3.1 输入项目名称
      • 3.2 请选择要包含的功能
      • 3.3 选择一个端到端测试框架
      • 3.4 是否引入Oxlint以加快检测?
  • 4、启动
  • 参考链接

在这里插入图片描述

1、安装node.js

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

2、安装pnpm

为什么要用pnpm,为啥不用npm直接安装?下面也有所讲解。

npm install -g pnpm@latest# 查看是否安装
pnpm -v# 查看当前配置的镜像地址
pnpm config get registry# 修改国内pnpm源
pnpm config set registry https://registry.npmmirror.com

在这里插入图片描述

npm、pnpm、yarn、bun 对比

​​安装速度​​

​​Bun​​ 最快(官方称比 npm 快 20-100 倍,利用 Zig 编写和并行安装)。
​​pnpm​​ 次之(通过硬链接复用依赖,冷启动快)。
​​yarn​​ 优于 npm(并行下载 + 缓存优化)。
​​npm​​ 最慢(但 v7+ 已改进)。

​​​​磁盘空间​​

​​pnpm​​ 最节省(全局存储共享依赖,节省 50%+ 空间)。
​​Bun​​ 和 ​​yarn​​ 中等(优化缓存但仍有冗余)。
​​npm​​ 占用最高(每个项目独立安装依赖)。

​​​​​​网络与缓存​​

​​yarn​​​​pnpm​​ 支持离线安装,缓存机制更高效。
​​Bun​​ 依赖全局缓存,但更注重运行时性能

​​​​​​适用场景推荐

​​npm​​
新手入门或小型项目;
对兼容性要求极高的传统项目。
​​yarn​​:
企业级 Monorepo(Yarn Workspaces);
需要严格依赖锁定和离线支持的场景。
​​pnpm​​:
大型项目或 Monorepo(依赖隔离和磁盘优化);
追求高效和稳定性的团队。
​​bun​​:
新项目或实验性技术栈(如 SSR、高频 API);
追求极致性能(安装、运行时、打包一体化)

​​​​​​兼容性与生态

​​npm​​
100% 兼容 Node.js,最稳定 最大,官方支持 性能劣势
​​yarn​​:
高度兼容,但 PnP 模式可能冲突 成熟,企业级项目常用 Yarn Berry 配置复杂
​​pnpm​​:
99% 兼容,少数旧工具需适配 快速增长,Monorepo 首选 极少数包兼容性问题
​​bun​​:
80% 兼容,部分 Node.js API 需适配 新兴,社区活跃但较小 稳定性风险,Windows 支持较弱

3、创建应用

上面的环境都准备好之后,就可以创建了。

pnpm create vue@latest

3.1 输入项目名称

在这里插入图片描述

3.2 请选择要包含的功能

这里我全选了,其他的按需要勾选
在这里插入图片描述

3.3 选择一个端到端测试框架

这里默认第一个即可。
在这里插入图片描述

3.4 是否引入Oxlint以加快检测?

这里可以Yes,试验快不快。如果是正式项目不建议!
在这里插入图片描述
看到这一步说明创建成功~
在这里插入图片描述

4、启动

进入目录,然后先进行依赖安装:

pnpm install

加粗样式

运行所需的依赖都安装之后,运行命令:

pnpm run dev

在这里插入图片描述
访问这个链接:http://localhost:5174/
看到个页面说明启动成功:
在这里插入图片描述

参考链接

https://cn.vuejs.org/guide/quick-start.html

http://www.dtcms.com/wzjs/814990.html

相关文章:

  • 包头市住房与城乡建设部网站优秀网站设计作品
  • 微网站ui多少钱网站建设课程概要
  • 万户网络网站顾问站内seo的技巧
  • 对自己做的网站总结小程序制作方案
  • 微信营销网站模板哪个网站做自行车评测的
  • 做网站网站代理犯法吗外贸公司的网站
  • 做相册的网站 网易汽车之家网页版官网找车
  • 网站加载等待wordpress打包主题
  • 网站域名到期后果企业网站建设需求分析
  • wordpress站点取名asp网站镜像代码
  • 网站备案公共查询vivo官方网站进入
  • 做网站致富沈阳城市建设管理学校网站
  • 网站创建怎么做网站有哪些平台
  • 有域名了网站怎么建设简述jsp网站开发的环境配置
  • 网站租金可以做办公费吗wordpress 上传组件
  • 整站seo技术搜索引擎优化网页设计大师
  • 大英县住房和城乡建设局网站岳阳做公司网站
  • 哪些网站可以做海报热点的一级a做爰精免费网站
  • 域名如何解析别人网站网站上怎样做下载文档链接
  • 莞城营销型网站建设win7本地做网站
  • 网站做简介免费下载微信
  • 时尚女装网站设计杭州seo托管公司推荐
  • 视频手机网站开发虚拟云手机免费永久
  • asp网站js悬浮窗怎么做百度一下你就知道首页官网
  • 携程网站建设项目wordpress 内网慢
  • 零成本游戏网站开发北京网站备案号查询
  • 企业做网站需要准备什么资料广西公司做网站
  • seo如何分析一个网站网站有死链接怎么办
  • 企业网站推广服务协议wordpress自定义类型模板
  • 建设工程竣工竣工档案网站如果你想了解信息