下载模块包及安装环境node,npm,vue,offer收割机

本文详细描述了如何在Windows环境下,使用Vue和Webpack进行全局安装,调整npm配置,处理fsevents警告,以及理解NPM依赖版本号的区别。作者还分享了前端开发学习资源和面试题的重要性。

在这里插入图片描述

vue init webpack personality

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


2019.12.06

注意:做下面这些步骤以前,我可是把c盘的npm全删了

尤其是 C:\Users\Administrator\AppData\Roaming\npm

还有一些之前安装过的清理缓存可能清理不干净,只能重新造个环境

我就把本地仓库全部放在E盘,安装以后的结果:

在这里插入图片描述

开始操作:

在这里插入图片描述

下载到本地

在这里插入图片描述

运行-next

在这里插入图片描述

在这里插入图片描述

一路next - install finish

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

默认npm的本地仓库在C盘下,移到nodejs安装目录

npm config set prefix “E:\Program Files (x86)\nodejs\node_global”

npm config set cache “E:\Program Files (x86)\nodejs\node_cache”

在这里插入图片描述

查看配置

npm config list

在这里插入图片描述

配置镜像

npm config set registry=http://registry.npm.taobao.org

看能否获取vue的信息

npm info vue

在这里插入图片描述

全局下npm新包

在这里插入图片描述

注意,此时,默认的模块E:\Program Files (x86)\nodejs\node_modules\目录将会改变为目录E:\Program Files (x86)\nodejs\node_global\node_modules 如果直接运行npm install等命令会报错的。

增加环境变量NODE_PATH 内容是:E:\Program Files (x86)\nodejs\node_global\node_modules

在这里插入图片描述

安装vue

在这里插入图片描述

vue脚本在自定义的global目录下,需添加到环境变量

对path环境变量添加E:\Program Files (x86)\nodejs;E:\Program Files (x86)\nodejs\node_global

在这里插入图片描述

安装vue脚手架 vue 2.9.6

npm install vue -g

npm install vue-cli -g

vue -V

在这里插入图片描述

参考学习:https://blog.csdn.net/yt_php/article/details/90105880

https://www.cnblogs.com/goldlong/p/8027997.html


在这里插入图片描述

$ npm install

yorkie@2.0.0 install D:\0 work\source\华夏娱乐系统\node_modules\yorkie

node bin/install.js

▒ܾ▒▒▒▒ʡ▒

npm WARN notsup Unsupported engine for pkcs7@1.0.2: wanted: {“npm”:“1.4.6",“node”:"0.10”} (current: {" node":“12.13.1”,“npm”:“6.12.1”})

npm WARN notsup Not compatible with your version of node/npm: pkcs7@1.0.2

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):

npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {“os”:“dar win”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! yorkie@2.0.0 install: node bin/install.js

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the yorkie@2.0.0 install script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2019-12-06T01_24_52_151Z-debug.log

解:Unsupported platform for fsevents@1.2.7: wanted {“os”:“dar win”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

原因: fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略就好了,意思就是你已经安装成功了,之后npm run dev即可

NPM依赖包版本号~和^的区别

会匹配最近的小版本依赖包,比如1.2.3会匹配所有1.2.x版本,但是不包括1.3.0

会匹配最新的大版本依赖包,比如1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0

控制面板先去卸载之前的

下载node 0.10

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取

前端面试题宝典

前端校招面试题详解

刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取

[外链图片转存中…(img-rk00JRAO-1712260328499)]

[外链图片转存中…(img-ntqpum8G-1712260328499)]

[外链图片转存中…(img-EeFvAyw1-1712260328500)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值