
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前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。


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

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。
《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取



刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。
《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取
[外链图片转存中…(img-rk00JRAO-1712260328499)]
[外链图片转存中…(img-ntqpum8G-1712260328499)]
[外链图片转存中…(img-EeFvAyw1-1712260328500)]
本文详细描述了如何在Windows环境下,使用Vue和Webpack进行全局安装,调整npm配置,处理fsevents警告,以及理解NPM依赖版本号的区别。作者还分享了前端开发学习资源和面试题的重要性。

1万+

被折叠的 条评论
为什么被折叠?



