webpack的安装，卸载 Vue/cli的安装 配置（适合小白）

已于 2022-10-16 15:26:39 修改
阅读量821 收藏 2
点赞数
分类专栏： Vue 文章标签： webpack npm vue.js
于 2022-10-16 15:13:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/f14867/article/details/127347353
版权
本文档详细介绍了webpack的全局安装、查看和卸载步骤，以及Vue/cli的不同版本安装、查看、查询和版本对应关系。针对Vue CLI，还讲解了如何初始化Vue2和Vue3项目。对于初学者，提供了清晰的操作指引。
摘要由CSDN通过智能技术生成

webpack

安装

打开黑窗口，执行npm install webpack -g命令，安装webpack
(-g表示是全局安装)
在这里插入图片描述
此页面表示安装成功，并会显示所安装版本，而在node_cache文件夹中显示
在这里插入图片描述
在node_global文件夹中显示

在这里插入图片描述

查看

在黑窗口中执行 命令，查看webapck版本
npm webpack -v

卸载

  1. 删除局部webpack-cli
    npm uninstall webpack-cli
  2. 删除全局webpack
    npm uninstall -g webpack
  3. 删除本地wbpack
    npm uninstall webpack

Vue/cli

最低0.47元/天 解锁文章
vue.cli中使用vue-video-player以及使用hls的坑点
weixin_45076966的博客
03-31 2602
vue全家桶中使用vue-video-player的坑 *作为一个前端小白,公司就一个前端,有问题只能自己百度咯,然而遇到有些坑前前后后试验了好多次,才放在项目中.现在总结下vue-video-player中遇到的坑. 首先想要用这个插件,必须离不开下包.导包,用包的定律. 第一步:下包 npm install vue-video-player -S; 第二步: 然后main.js全局进行导包 i...
vue-cli4打包最强优化（10M变300kb），网易架构师深入讲解前端开发
最新发布
2401_84023262的博客
04-04 1200
压缩前后大小大致如下：可以看到相应头中存在 Content-Encoding:gzip 表示已经配置成功。
webpack卸载的正确方式详细步骤
热门推荐
老油条
01-06 2万+
上一篇： webpack安装的正确方式详细步骤及使用淘宝 NPM 镜像加速   删除全局webpack-cli webpack4.x开始官方文档是说要安装cli所以如果的在用4.+就需要卸载cli npm uninstall -g webpack-cli # 注释给我这种小白提供参考 # 卸载 uninstall 可以简写成 un # 全局 -g 的完整写法是 --global #...
完全卸载webpack和npm
Youga123的专栏
06-17 5411
目录先缕一下思路卸载webpack本地卸载webpack全局卸载webpack卸载webpack-cli本地卸载webpack-cli全局卸载webpack-cli我遇到的错误卸载npm 注：本文是以测试er的角度来执行的各种操作，可能对开发小伙伴没什么太多的帮助。。。 之前挣扎很久安装原生npm失败，只好用淘宝源安装了npm和webpack，最近开发新引用了一个依赖，需要重新编译npm，结果，脆...
webpack和webpack-cli安装和卸载
weixin_59739381的博客
06-19 3758
4、查看webpack 信息 npm info webpack 4.0以后 直接输入该命令： webpack -v。1.删除全局webpack-cli ：npm uninstall -g webpack-cli。2.删除本地webpack-cli ：npm uninstall webpack-cli。3.删除全局webpack ：npm uninstall -g webpack。全局安装webpack，这样就能在全局使用webpack的命令。4.删除本地webpack ：npm un webpack。
vue sass-loader,webpack安装卸载操作命令
还在活水泥的未来包工头
11-06 1520
确保你的项目中使用的 webpack 和 case-sensitive-paths-webpack-plugin 依赖项是最新版本。如果没有指定特定版本的Node Sass依赖项，可以尝试更新"sass-loader"和"node-sass"依赖项的版本。更新 Vue CLI 版本：升级 Vue CLI 到最新版本可能有助于解决此问题。检查 node-sass 的可用版本：运行下面的命令，查看 node-sass 的可用版本列表。检查依赖项：确保你的项目中的所有依赖项都是最新版本。
webpack卸载的详细步骤
weixin_42546299的博客
01-21 1万+
1.删除全局webpack-cli 如下命令 npm uninstall -g webpack-cli 2.删除本地（局部）webpack-cli 如下命令 npm uninstall webpack-cli 3.删除全局webpack 如下命令 npm uninstall -g webpack 4.删除本地webpack 如下命令 npm un webpack 5.检查webpack残余文件 ls 用ls命令查看是否有这几个文件 #node_modules #package-lock.json #pack
vue简学之路（十一）vue-cli脚手架安装
qq_44014971的博客
01-05 204
(一)安装node.js 下载地址：http://nodejs.org/en/download/ 下一步下一步走完 检查node -v 版本 安装node脚手架工具 使用npm -v 检查npm 版本 （二）安装npm (这里是全局安装) npm install vue-cli -g npm安装包管理器 npm install 加-g 代表不是全局安装 npm list 查看模块版本号 np...
vue项目升级(01)：全面解析vuecil3/vuecil4的vue.config.js等常用配置
JCat的博客
06-15 6664
前言 前端变化日新月异，层出不穷，公司原项目使用vuecil2版本开发，elementUI等一系列库版本太低，也脱离世界很久远了，新版本库需要webpack4等环境，而老版本配置起来bug很多，在使用过程中很多东西都不能实现，所以升级真的是迫在眉睫； 此篇会逐步解析： vuecil2如何升级到vuecil3+ vuecil3+的语法 二次升级维护手册 webpack配置项目的优化… 一、vuecil2如何升级到vuecil3+ 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/
在Windows10上卸载 webpack 并重新安装
qq_50054286的博客
03-12 841
在Windows10上卸载 webpack 并重新安装 打开命令模式或powershell。也可以使用 win+x，选择命令提示符选择 Windows powershell。 在命令行中输入，以下命令来卸载和全局安装 webpack： npm uninstall webpack -g 这将卸载全局安装的 webpack包。 接下来，如果你在项目中使用了局部安装的Webpack，进入你的项目目录。在命令提示符或PowerShell中，使用以下命令卸载局部安装的Webpack： npm uni
node安装和卸载webpack
qq_45850850的博客
08-16 1038
node卸载全局的webpack npm uninstall webpack -g 不知道用不用卸载局部的，反正是在局部webpack文件夹下用了下面这个命令 npm uninstall webpack 全局安装指定版本的webpack，这里以5为例 npm install webpack@5.0.0 -g 但是5版本的还要再安装一个webpack-cli npm install --save-dev webpack-cli -g 局部安装指定版本的webpack,以5为例,开发时依赖 npm in
webpack 安装、卸载的全部命令
书启鸿蒙知秋枫
10-01 3623
【代码】webpack 安装、卸载的全部命令。
linux怎么卸载webpack,如何正确彻底删除webpack 全局或是局部？
weixin_39864591的博客
05-08 543
这个那问题很重要如何安全的安装webpack ，卸载webpack。主要是为了防止玩webpack玩坏了还可以从西再来，请老司机带个路,晚上回去可能要从做系统了????刚入门看着文档全局安装webpack4.x，npm install --global webpack顺带也安装了webpack-clinpm install --save-dev webpack-cli检查版本webpack -v输出内容...
html引入css webpack_webpack从安装到基本使用讲解
weixin_29014237的博客
01-08 439
创建一个文件夹，取名为 usewebpackwebpack的安装(在安装webpack之前可以先使用npm init 初始化一下你的项目，会生成package.json说明文件)1.全局安装webpack (--save-dv 表示安装的是开发时依赖) npm install webpack --save-dv -g2.局部安装webpack (在文件夹usewebpack中打开终端) ...
教你如何正确彻底删除/安装 webpack 全局或是局部
xmfboss.科技
07-04 1万+
删除webpack，正确的姿势： 1. 删除局部webpack-cli npm uninstall webpack-cli 2. 删除全局webpack npm uninstall -g webpack 3. 删除本地webpack npm un webpack 安装webpack，正确的姿势： 1. 创建一个 webpack-demo 项目 mkdir webpack-demo ......
webpack的安装和卸载（mac)
一捌柒的博客
08-09 1601
什么是webpack webpack 用于编译 JavaScript 模块，它是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 安装webpack 首先，安装wb之前你必须已经安装有node.js和npm(一般安装好node,npm也就安装好了） node.js安装（https://nodejs.org/en/download/） 全局安装we
webpack的npm安装卸载命令集合
weixin_46743083的博客
05-16 717
创建package.json文件： npm init -y 本地安装webpack： npm install webpack --save-dev 全局安装 webpack： npm install webpack -g 本地安装webpack-cli npm install webpack-cli --save-dev 全局安装 webpack-cli npm install webpack-cli -g 本地安装webpack-dev-server npm install webpack-dev-se.
删除webpack
Mr.HanChen
03-10 914
npm uninstall webpack -g
关于Webpack安装与删除
weixin_45102071的博客
06-21 744
安装Webpack 一、创建一个新的本地项目目录名为webpack-demo d: 回车 — 进入D盘 cd Webpack_demo — 在D盘下新建文件，或进入目录 二、创建package.json文件: npm init -y 三、安装webpack: 1》局部安装：npm install --save-dev webpack 2》全局安装：npm install webpack --...
vue和vue/cli的安装区别
07-30
引用[1]:CLI 服务 (@vue/cli-service) 是一个开发环境依赖，是一个 npm 包，局部安装在每个 @vue/cli 创建的项目中。它分离了vue-cli-service之后，项目构建更新只是一个命令的事情，除非做了很多特殊化操作。特殊化操作应该封装到vue-cli的插件中。[1]引用[2]:@vue/cli 是 vue-cli 的3.x版本的脚手架，而 vue-cli 是2.x版本的脚手架。它们的区别在于 npm 包名发生了改变，vue-cli为2.x版本时的脚手架，而@vue/cli为3.x版本的脚手架。@vue/cli 提供了本地测试服务器、集成打包上线方案以及一些优点，如模块化、转译、预处理、热加载、静态检测和自动化测试等。[2]引用[3]:vue-cli 2.x更像一个模板拷贝器，所有webpack配置和构建命令都是耦合在具体的项目里面，package.json会包含一大堆开发依赖。而@vue/cli则是一个构建CLI，它的优势在于开箱即用。[3] 因此，vue和vue/cli的安装区别在于，vue是Vue.js的核心库，可以通过CDN引入或者通过npm安装到项目中。而vue/cli是一个脚手架工具，用于快速搭建Vue.js项目的开发环境，需要通过npm全局安装。@vue/cli提供了更多的功能和优化，如本地测试服务器、集成打包上线方案等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值