首页 > 其他分享 >Mac 搭建Nuxt3 项目避坑全过程

Mac 搭建Nuxt3 项目避坑全过程

时间:2024-09-03 12:23:03浏览次数:14  
标签:nuxi Nuxt3 init 避坑 Mac npx 搭建 latest

问题描述

依照官方文档给出的命令npx nuxi@latest init <项目名称>直接运行是无法执行成功的,原因DNS污染问题,具体为什么会被污染,我也不知道,就是网络上查到的,执行结果如下图
通过错误可以看到从https://raw.githubusercontent.com/nuxt/starter/tamplates/templates/v3.json下载失败

解决方法

  1. 查看域名raw.githubusercontent.com解析的IP地址

访问全球IP地址查询服务的在线平台https://www.ipaddress.com/ip-lookup
找到查询域名解析位置
查询域名解析出来的IP

  1. 标题配置Host文件(有很多中方式修改host文件方式,这个是我比较喜欢用的一种)

按住Shift+Command+G
在这里插入图片描述

拷贝到桌面并打开编辑
配置host文件
将编辑好的host是文件替换愿位置

  1. 重新打开终端,搭建项目(这一步必须做,很重要)

重新敲命令:sudo npx nuxi@latest init nuxt3-project期待成功的结果,结果再次令人失望
不好意思,现实又一次打脸了,还是失败

解决方法
  1. 直接去掉@latest

在这里插入图片描述

总结:

第一次使用mac 搭建Nuxt3的web应用,虽然网上有很多教程,也有完善的官网,但是每个人的环境不一样,在同一套标准不同环境就会出不同的问题,我们还是要多实践,多记录,多总结。

标签:nuxi,Nuxt3,init,避坑,Mac,npx,搭建,latest
From: https://blog.csdn.net/QJ135/article/details/141857565

相关文章

  • MacBook Pro M3 安装 Node.js v14 的兼容性
    1、MacBookProM3可以安装Node.jsv14,但需要一些额外的步骤,因为Node.jsv14并没有为ARM64构建的版本。2.解决方法可以通过安装Rosetta来解决这个问题。Rosetta是一个翻译应用程序,允许为Intel芯片(或旧一代Mac)构建的应用程序在AppleSilicon下运行。安装Rosetta......
  • 为代码块添加 Mac OS X 窗口样式
    为代码块添加MacOSX窗口样式为代码块添加MacOSX窗口样式,在代码块pre之前添加图片,在代码块pre之后添加文本。pre{padding:30px2px2px2px;line-height:1;overflow:auto;word-wrap:normal;border-radius:5px;}pre>code{mar......
  • 《DNK210使用指南 -CanMV版 V1.0》第二十一章 machine.UART类实验
    第二十一章machine.UART类实验1)实验平台:正点原子DNK210开发板2)章节摘自【正点原子】DNK210使用指南-CanMV版V1.03)购买链接:https://detail.tmall.com/item.htm?&id=7828013987504)全套实验源码+手册+视频下载地址:http://www.openedv.com/docs/boards/k210/ATK-DNK210.html......
  • 在 VS Code 中使用 Git 源代码管理【Mac 版】
    目录一、Git使用文档二、使用示例1、复制远程仓库地址2、查看当前所在的分支2.1、界面查看2.2、终端查看3、修改/新增文件4、显示增改的详细内容5、添加暂存区6、查看/取消暂存的更改7、提交本地代码库8、待提交文件9、推送到远程仓库10、验证11、查看推送记录11.1、关于gitlog......
  • mac M1 android studio 安装
    1、官网下载安装包https://developer.android.google.cn/studio?hl=en2、下载完成后,双击安装,中间需要配置代理这个,配置即可,然后点击下一步一直安装 3、到最后的时候会安装androidsdk报错,这个时候打开下面的地址看哪个时间最短,然后配置host代理https://ping.chinaz.com/dl.......
  • fcpx视频剪辑:Final Cut Pro for Mac 中文版软件下载
    FinalCutPro是许多专业视频编辑和电影制作人的首选工具,它提供了一套完整的视频后期制作解决方案,从剪辑、调色、音频编辑到最终的输出和分享。随着不断的更新和改进,FinalCutPro始终保持在视频编辑软件领域的领先地位。软件特点高效的性能:FinalCutPro利用Mac的硬......
  • Unclutter - 苹果电脑(Mac)桌面文件笔记剪贴板管理工具
    刚收拾好的电脑桌面马上又堆满了杂七杂八的文件?刚随手一记的笔记,回头却找不到了?马上来认识一下Unclutter,一款藏在Mac系统顶部的文件、笔记、剪贴板管理器。安装后,用户只需要将鼠标指针移动到屏幕顶部,向下滚动,Unclutter窗口就会滑落显现,无需给电脑桌面「添乱」。有时候......
  • Mac配置多版本JDK
    下载安装下载对应版本并安装即可。这里使用的是ZuluJDK,其他的JDK也可以。安装后在/Library/Java/JavaVirtualMachine/目录下可以看到对应版本的JDK。配置环境Sonoma(也就是macOS14)默认的shell为zsh,可以通过下面的命令打开配置文件vim~/.zshrc使用VIM编辑时,按下I键即可......
  • Nomachine_虚拟桌面_调整虚拟桌面分辨率
    使用虚拟桌面安装基础组件sudoapt-getinstallxserver-xorg-core-hwe-18.04sudoapt-getinstallxserver-xorg-video-dummy-hwe-18.04--fix-missing修改配置文件,以创建一个虚拟桌面vim/usr/share/X11/xorg.conf.d/xorg.conf写入以下内容Section"Monitor"Ide......
  • Mac版Sourcetree暂存代码和取出代码
    实际开发中经常遇到开发一半,要拉代码或者切分支的情况,这时候开发一半的代码如果不提交或者删除重置是无法拉取和切换分支的,那么这个时候可以把这部分代码暂存起来,然后在想取出的时候取出就行了1.点击暂存文件,如下图2.点击贮藏,然后输入一个标识3.此时就可以正常拉取代码和切换......