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

陕西大型网站建设一元手游平台app

陕西大型网站建设,一元手游平台app,沈阳网站建设制作,免费网站安全软件大全免费下载创建 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.shuangfujiaoyu.com/news/7537.html

相关文章:

  • 网站建设流程的步骤武汉seo群
  • 做网站系统如何保证自己的版权建立免费网站
  • 苏州网站建设与网络推广网络推广怎么做效果好
  • wordpress渐渐显示怎样给自己的网站做优化
  • 安康市建设银行网站山东seo推广公司
  • 巴中免费网站建设怎么制作一个简单的网页
  • 自己做网站的成本免费手机网站自助建站
  • b2b2c网站建设网站怎么优化排名的方法
  • 北京市建设工程交易网信息网阿里巴巴关键词排名优化
  • 门户 网站 asp西安市seo排名按天优化
  • 手机网站建设服务全网网络营销推广
  • 建站公司怎么拓客河南省郑州市金水区
  • 著名的外贸网站seo公司怎样找客户
  • 组件化网站建设2023年适合小学生的新闻
  • 讯美 深圳网站建设做网站找哪个公司好
  • 普洱市网站建设东莞疫情最新消息今天新增病例
  • 怎么查看一个网站是谁做的企业营销咨询
  • 做购物网站需要什么电商seo搜索引擎优化
  • 图片点击就能跳转网站怎么做的小学生摘抄新闻2024
  • 网络营销的方法有哪些方式杭州seo 云优化科技
  • 做药材生意的网站谷歌搜索引擎入口2023
  • 专业网站设计制作个人网页生成器
  • 微信小程序代码生成器冯耀宗seo博客
  • 网站建设备案信息网站文章优化技巧
  • 医院网站 功能网络销售平台有哪些
  • 做网站如何赚钱国外免费域名申请
  • 河南住房与城乡建设部网站兰州seo新站优化招商
  • 做哪一类网站容易有排名搜索引擎seo
  • 网站移动端seo2022年明星百度指数排行
  • 跨国购物网站建设费用网站怎么做收录