Node、webpack、脚手架vue-cli，介绍与安装，无缝连接教程_webpack 和 nodecli

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

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

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

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

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

如果你需要这些资料，可以添加V获取：vip204888 （备注网络安全）

正文

安装Nodejs时会一起安装npm,npm的作用是对Nodejs依赖的包进行管理,也可以理解
用来安装或卸载nodejs需要的东西

如果不是安装在C盘就走1.~4
1.1配置一下npm在全局安装模块时的路径和缓存的路径

1.2 在安装node.js目录下，新建两个文件夹
node_global(全局)
node_cache(缓存)

1.3 打开cmd命令窗口
npm config set prefix “F:\nodejs\node_global”
npm config set cache “F:\nodejs\node_cache”

1.4打开我的电脑==》右击此电脑===>属性===>高级设置===>环境变量===>path===>编辑===>新建===>
node_global的文件位置放上去

由于npm是国外的服务器，所以下载比较慢，我们需要安装淘宝镜像 安装淘宝镜像:


1、复制网址： 


2、复制淘宝镜像的指令: npm install -g cnpm --registry=https://registry.npm.taobao.org


3、打开cmd：将复制下来的指令粘贴即可


### webpack:构建工具和打包的


**安装webpack:**


npm i(install) webpack-cli -g(global)


cnpm i(install) webpack-cli -g(global)


当webpack出现错误的时候（使用以下指令，重装webpack）


**卸载webpack:**


* 安装install
* 卸载uninstall


cnpm uninstall webpack-cli -g(global)


### Vue脚手架:


vue-cli就是vue的脚手架工具,和我们在工地上看到的脚手架是一样的，它帮助我们搭建基本的开发环境， 就好比如架子搭好了，利用它搞定目录的结构、本地调试、单元测试、热加载及代码部署

热加载（不需要重启项目）

#### 2.X版本的脚手架安装：


1、cnpm i vue-cli -----安装vue2.x版本的指令


2、vue -V（大写）----查看vue的版本（出现版本号，就是安装成功）

3、2x版本创建项目
vue init webpack （项目名）—>回车
注意：项目名字母不能大写，不能使用中文
原因：这个指令的意思是初始化一个vue项目，webpack是构建工具，
也就是整个项目是基于webpack的。其中项目名称是整个项目文件加的名称，
这个文件夹会自动生成在你指定的目录中。

  project name ---> 项目名称 ---》回车
  author 作者      --->回车填写作者名
  vue-router  是否选择安装路由，这是官方的路由
  eslint  --->no 严格规范（规范写代码的格式）
  test 是否安装单元测试
  e2e 是否安装e2e测试
  
在cmd命令窗口中：ctrl+C按2次，是停止操作

#### 安装3.X版本


需要安装桥接工具 向下兼容: 如果使用npm安装较慢就使用cnpm安装




### 给大家的福利


**零基础入门**


对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。


![](https://img-blog.csdnimg.cn/img_convert/95608e9062782d28f4f04f821405d99a.png)


同时每个成长路线对应的板块都有配套的视频提供：


![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a91b9e8100834e9291cfcf1695d8cd42.png#pic_center)


因篇幅有限，仅展示部分资料


网络安全面试题


![](https://img-blog.csdnimg.cn/img_convert/80674985176a4889f7bb130756893764.png)


绿盟护网行动


![](https://img-blog.csdnimg.cn/img_convert/9f3395407120bb0e1b5bf17bb6b6c743.png)


还有大家最喜欢的黑客技术


![](https://img-blog.csdnimg.cn/img_convert/5912337446dee53639406fead3d3f03c.jpeg)


**网络安全源码合集+工具包**


![](https://img-blog.csdnimg.cn/img_convert/5072ce807750c7ec721c2501c29cb7d5.png)


![](https://img-blog.csdnimg.cn/img_convert/4a5f4281817dc4613353c120c9543810.png)

**所有资料共282G**，朋友们如果有需要全套《网络安全入门+黑客进阶学习资源包》，可以扫描下方二维码领取（如遇扫码问题，可以在评论区留言领取哦）~




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

**需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）**
![img](https://img-blog.csdnimg.cn/img_convert/e9decd7bb187019d93b83b3047732bb9.png)

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

料的朋友，可以添加V获取：vip204888 （备注网络安全）**
[外链图片转存中...(img-srhn20V6-1713386709637)]

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