下载模块包及安装环境node，npm，vue，2024年最新普通二本的辛酸前端面试之路

最新推荐文章于 2024-05-21 23:21:19 发布
最新推荐文章于 2024-05-21 23:21:19 发布
阅读量886 收藏 25
点赞数 28
分类专栏： 2024年程序员学习 文章标签： 前端 npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60732644/article/details/137806569
版权

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img
img

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

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）
img

正文

在这里插入图片描述

在这里插入图片描述

默认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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

npm升级到指定版本

在这里插入图片描述

$ npm install -g npm@1.4.6

npm http GET https://registry.npm.taobao.org/npm/1.4.6

npm http 200 https://registry.npm.taobao.org/npm/1.4.6

npm http GET https://registry.npm.taobao.org/npm/download/npm-1.4.6.tgz

npm http 200 https://registry.npm.taobao.org/npm/download/npm-1.4.6.tgz

npm WARN package.json github-url-from-git@1.1.1 No repository field.

npm WARN package.json vue-cube@0.1.0 No repository field.

C:\Users\Administrator\AppData\Roaming\npm\npm -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js

npm WARN package.json ctype@0.5.2 No repository field.

npm WARN package.json assert-plus@0.1.2 No repository field.

npm WARN package.json path-is-inside@1.0.2 No readme data.

文末

技术是没有终点的，也是学不完的，最重要的是活着、不秃。

零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。

最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

自学最怕的就是缺乏自驱力，一定要自律，杜绝“三天打鱼两天晒网”，到最后白忙活一场。

高度自律的同时，要保持耐心，不抛弃不放弃，切勿自怨自艾，每天给自己一点点鼓励，学习的劲头就会很足，不容易犯困。

技术学到手后，找工作的时候一定要好好准备一份简历，不要无头苍蝇一样去海投简历，容易“竹篮打水一场空”。好好的准备一下简历，毕竟是找工作的敲门砖。

拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
img

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-9dkPBWHf-1713223888436)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

杭州湾Java仔
关注
  • 28
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js | Node.js安装及npm模块插件安装路径配置，并安装Vue CLI
01-20
引：在安装完nodejs后，通过npm下载全局模块默认安装到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下，这当然是不太对的默认。 一、npm模块插件安装路径配置 不推荐Node.js安装在c盘 安装LTS版本的...
下载Node，用npm，安装VUE
01-22
下载Node，用npm，安装VUE
npm全局路径
levindandelion的博客
03-14 2964
全局安装的模块windows下默认在C:\Users\Administrator\AppData\Roaming\npm\node_modules NPM (Node Package Manager, http://npmjs.org ) 是 NodeJS 的模块管理软件，除 NodeJS 内置的核心模块外，其他模块的安装、卸载等管理操作都要通过 NPM 来进行. Node.js中模块可以通过文
Vue.js脚手架安装后无法正常使用vue相关命令问题解决办法
shinyolive的博客
12-24 8993
npm install -g @vue/cli-init ##或者： cnpm install -g @vue/cli-init 通过上述命令安装vue脚手架后，想要通过vue init webpack xxxname初始化项目，却弹出提示：‘vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件。此时，查看vue-cli的版本号，同样提示上述内容。 使用PowerShell查看版本号，提示如下： vue.cmd : 无法将“vue.cmd”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
nodejs安装和卸载超详细步骤
weixin_46434152的博客
03-03 1万+
解决：在C盘(这里一定是C盘，假如你把nodejs下到D盘，那也是找C盘！③ 默认状况下，咱们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径C:\Users\Administrator\AppData\Roaming\npm\node_modules下，能够经过CMD指令npm root -g查看。②安装路径默认在C:\Program Files下面，也能够自定义修改，而后点击next（我这里设置我的安装目录为E:\KF\node.js\ 根据自己的需要进行更改。
成功解决:在vscode使用npm启动vue项目失败，找不到npm-cli.js
afeifu的博客
05-09 384
(重新安装node 后还是不行)报错如下:Error: Cannot find module 'C:\Users\Administrator\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
npm 下载指定版本包
qq_37550440的博客
04-19 1万+
# 升级或安装 cnpm $ npm install -g cnpm --registry=https://registry.npmmirror.com $ npm config set registry https://registry.npmmirror.com npm下载指定版本 cnpm i @supermap/[email protected] npm查看历史版本 npm view axios versions npm查看本地安装版本 npm ls axios...
vue踩坑记-在项目中安装依赖模块npm install报错
10-17
主要介绍了vue踩坑记-在项目中安装依赖模块npm install报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue大型项目之分模块运行/打包的实现
10-14
主要介绍了vue大型项目之分模块运行/打包的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
portal（web）概述
xianweijian的博客
10-27 6万+
PORTAL概述 Portal在英语中是入口的意思。Portal认证通常也称为Web认证，一般将Portal认证网站称为门户网站。它提供了一种较为简单的用户认证方法，对用户而言，相对其它认证方式更易于使用。它有两大特色： • 免客户端 只需要网页浏览器（如IE）支持，即可为用户提供认证服务，不需要安装专门的客户端或者拨号程序。免客户端软件对于像宾馆、酒店等公共网络节点，免客户端软件是一个基本
npm修改全局安装默认路径(C:\Users\Administrator\AppData\Roaming\npm\node_modules)
01-07
1.在目标目录下新建两个文件夹：node_global 和 node_cache  2.启动cmd依次执行以下两条命令 npm config set prefix “目标目录绝对路径\node_global” npm config set cache “目标目录绝对路径\node_cache” 3.修改环境变量，计算机右击“属性–》高级系统设置–》 环境变量” 在下边的系统变量里新建一条记录，变量名为NODE_PATH 值为“目标目录绝对路径\node_global\node_modules” 更改PATH的值为“目标目录绝对路径\node_global\” 4、打开命令窗口，输入安装expr
WEB入门浅谈14
weixin_52793965的博客
09-29 113
WEB入门浅谈14网络原理TCP/IP状态滑动窗口流量控制拥塞控制延迟应答捎带应答面向字节流TCP异常处理总结补充 网络原理 TCP/IP 状态 ESTABLISHED 连接建立成功，可以进行后续通信(类似打电话拨通状态) LISTEN 服务器进入的状态，服务器准备就绪，允许客户端随时来建立连接(类似手机开机，信号良好) CLOSE_WAIT 等待关闭状态，这个状态正常情况下存在时间较短，处在收到FIN时返回ACK到发送FIN的时间间隙中，一般情况下出现这个状态就表示代码出bug了，导致close没有及时
vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本……解决办法
轻风细雨_林木木
02-20 5万+
vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本…………………… 解决方法： 1、管理员身份运行PowerShell（命令提示符，来源于Linux的命令提示符也叫Shell） 2、执行：set-ExecutionPolicy RemoteSigned （签名或运行这些脚本） 结束。 ...
Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js' 解决方案
qq_31778495的博客
01-27 3万+
刚开始接触nodejs就发生了这么个问题：  在我使用 npm 命令时提示出现以下err：Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js' 遂查之，在StackOverflow上找到如下回答：https://stackoverflow.com/questions/24721903/npm-c
npm报错：A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\解决方案（清理缓）
热门推荐
小狮狮的博客
09-24 13万+
.因项目中安装模块，多次不成功，所以导致报错。 A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log 这时你需要清理缓存了。 1.注：如有node_modules文件夹时先删除 2.清理缓存命令： npm cach...
vue源码之mustache模板引擎1
最新发布
qweasl_的博客
05-21 391
模板引擎的一个有点：它是将数据转为视图的最优雅的方法。相信vue的玩家首先想到的是。而还没学vue的朋友，就只能进行dom操作了。通过数组的join方法。以及es6推出的模板字符串。
【Web】CISCN 2024初赛 题解(全)
uuzeray的博客
05-21 1193
这里注意细节，靶机发了两次请求，第一次我们就返回一个正常的图片，第二次请求就发一个302，php代码块要用html标签包裹。注意下面这段报错，因为加不了引号，开头是数字的话，就会将类型识别为数字，若后续出现了字符串就会报错。再打sqlite，指定tableName，加载写入的恶意so文件，反弹shell。最后注意要将获取的变量元组转字符串，再用逗号分隔，依次输出，从而绕过seed。考的python栈帧沙箱逃逸，获取到外部的栈帧，就可以用。因为ban了引号，考虑hex2bin，将数字转为字符串。
vue安装及环境配置npm
08-22
2. 接下来，您需要安装npm（Node Package Manager），这是用于管理Node.js模块的工具。npm通常与Node.js一起安装，您可以通过在终端中运行以下命令来验证是否已经安装了npm： ``` npm -v ``` 如果输出了npm的版本...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值