Gridsome 静态网站

Gridsome 静态网站

怎么说呢,个人感觉使用挺麻烦的

官方文档操作顺序

文档链接
安装脚手架
yarn global add @gridsome/cli

脚手架创建项目
gridsome create my-gridsome-site

这一步会提示让你进入项目下载依赖

cd my-gridsome-site
下载依赖你会发现他报错
失败

原来是gridsome 依赖一个sharp,需要手动下载

因为sharp依赖了一个国外的包,没有科学上网的情况下只能设置淘宝镜像

npm config set sharp_binary_host "https://npm.taobao.org/mirrors/sharp"
npm config set sharp_libvips_binary_host "https://npm.taobao.org/mirrors/sharp-libvips"
npm install sharp

下载完成了。但你以为就万事大吉了?no no no
sharp的使用需要编译C++的, 就需要使用node-gyp
然而使用node-gyp又需要环境

node-gyp readme

编译前提条件
大致意思是
window下
下载Python
下载 Visual Studio这个贼大
再打开 Visual Studio 执行

npm config set msvs_version 2019 (2019你自己装的版本)

再重新安装依赖

发现还是一样的错误
Oh, My God

还需要做最后一步,更换hosts

C:\Windows\System32\drivers\etc

替换成

# GitHub Start (chinaz.com) =================================================
52.74.223.119 github.com
54.169.195.247 api.github.com
140.82.112.25 live.github.com
59.24.3.173 gist.github.com

185.199.108.154 github.githubassets.com
# 185.199.109.154 github.githubassets.com
# 185.199.110.154 github.githubassets.com
# 185.199.111.154 github.githubassets.com

34.196.246.152 collector.githubapp.com
# 52.206.227.240 collector.githubapp.com
52.216.207.115 github-cloud.s3.amazonaws.com

140.82.112.21 central.github.com

199.232.96.133 raw.githubusercontent.com
151.101.228.133 user-images.githubusercontent.com
151.101.108.133 desktop.githubusercontent.com

151.101.108.133 avatars.githubusercontent.com
151.101.108.133 avatars0.githubusercontent.com
151.101.108.133 avatars1.githubusercontent.com
151.101.108.133 avatars2.githubusercontent.com
151.101.108.133 avatars3.githubusercontent.com
151.101.108.133 avatars4.githubusercontent.com
151.101.108.133 avatars5.githubusercontent.com
151.101.108.133 avatars6.githubusercontent.com
151.101.108.133 avatars7.githubusercontent.com
151.101.108.133 avatars8.githubusercontent.com
151.101.108.133 avatars9.githubusercontent.com
151.101.108.133 avatars10.githubusercontent.com
151.101.108.133 avatars11.githubusercontent.com
151.101.108.133 avatars12.githubusercontent.com
151.101.108.133 avatars13.githubusercontent.com
151.101.108.133 avatars14.githubusercontent.com
151.101.108.133 avatars15.githubusercontent.com
151.101.108.133 avatars16.githubusercontent.com
151.101.108.133 avatars17.githubusercontent.com
151.101.108.133 avatars18.githubusercontent.com
151.101.108.133 avatars19.githubusercontent.com
151.101.108.133 avatars20.githubusercontent.com
# GitHub End ===================================================================

替换后打开cmd了,输入命令:ipconfig /flushdns,回车键刷新即可
再次下载依赖
这次就能正常下载

依赖下载正常
现在再此运行就ok了

gridsome develop

接下来就可以开始造了。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值