前端学习笔记1

第一次接触前端,拿到一个别人vue项目,需要在自己电脑上搭建平台,历经千辛万苦,失败无数次,百度无数问题,终于成功,记录如下:
1、从头开始,安装了vscode、node.js、git,下载了项目源码,准备开始;
2、用vscode打开源码所在文件夹,按照源码作者提示安装:

Build Setup
# install dependencies
npm install

# install cnpm
npm安装失败,可以尝试安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

经历无数次安装失败,最后终于用cnpm install安装成功,估计需要多试几次,直到安装成功;
中间参考很多常见问题解答,都没有解决,可能因为安装不成功差的不止几个模块,最后靠运气,终于成功,还是要用cnpm。

3、安装成功就可以npm run electron:serve了,运行到98%,报错,node-sass@7.0.1版本不相容,又一通查资料,按照解答将node-sass和sass-loader改为4.14.1和8.0.0版本,发现与node版本不兼容,node是16.13.1,参考不少答案,最后终于弄懂,node、node-sass版本问题,参考如下:
https://blog.csdn.net/oowweb/article/details/115960195

node16.0版本 对应node-sass sass-loader 各个版本号

4、按照提示先提升了node版本到17.3.0,还是报错,没有深究,然后将node改回16.3.1,将node-sass卸载,npm uninstall node-sass,然后安装6.0.0版本,cnpm install node-sass@6.0.0,成功后,直接npm run electron:serve,终于成功。
node-sass安装成功

run成功

总算踏出第一步,反复倒腾了两天,下一步学习vue,看懂代码。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值