安装指定版本的webpack、webpack-cli以及@vue/cli-init

已于 2022-08-08 17:22:05 修改
阅读量3.3k 收藏 8
点赞数 4
文章标签： webpack vue.js 前端
于 2022-08-08 15:44:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kobe_IT/article/details/126228819
版权

1.安装指定版本的webpack，第一个命令安装失败，可以使用第二个命令进行安装

npm install webpack@4.46.0 -g

cnpm install webpack@4.46.0 -g

2.安装指定版本的webpack-cli

npm install webpack-cli@3.3.12 -g

cnpm install webpack-cli@3.3.12 -g

其中webpack、webpack-cli、webpack-dev-server三者的对应关系

 3.安装指定版本的@vue/cli-init

npm install -g @vue/cli-init@5.0.4

cnpm install -g @vue/cli-init@5.0.4

4.安装vue中指定版本的element-ui

npm i element-ui@2.0.10

cnpm i element-ui@2.0.10

kobe_IT
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解用vue-cli来搭建vue项目和webpack
12-12
vue-cli 用vue-cli来搭建vue项目 第一步：全局安装vue-cli sudo npm install vue-cli -g 第二步：初始化一个项目 vue init webpack-simple projectName 第三步：把文件切换到初始化的项目中 cd projectName 第四步：安装依赖 npm install 当然也可以用淘宝镜像cnpm来安装，这样快很多 cnpm install 第五步：运行 npm run dev 完成一个初始化vue项目 webpack 要开始一个vue项目， 那也必须要了解webpack webpack是一个前端
20K+中高级前端工程师必备的专项技能，将在这里揭晓.....
大大怪将军的开心星球
09-06 730
最近四火在浏览拉钩等招聘网站的时候，注意到了一个有趣的地方，身处一线城市的互联网公司都在要求前端开发工程师掌握一项技能--前端工程化！ 通过上面的招聘简章，大家应该很清晰的看到了，企业对于工程化、自动化的开发的看重，你可以不精通但是必须的了解这一项技能！为什么在cmd命令行键入webpack 就可以打开一个本地的小型服务器？为什么不用认为引入js文件，工具帮你自动执行？ 下面我给大家分享我对于Webpack的理解： webpack主要是打包，所以其核心存在两个部分，入口和出口，你可以把we
webpack-doc:webpack5.0 快出来了，和我一起再系统性的过一遍 webpack4.0吧！！！
05-12
安装运行 # clone 项目 git clone [email protected]:darrell0904/webpack-doc.git # 安装依赖 npm install # 启动项目 npm run dev   写文档的原因 因为现在对于 webpack 的配置了解的不够全面，比较碎片话，同时有些很新的概念一直都没有应用。 这是我写这个文档原因，让自己更加系统全面的掌握 webpack ，毕竟 webpack 5.0 快要来了。 此篇文档的 webpack 的版本是 4.0   github 图片出不来？ 首先打开 host 文件 sudo vi /etc/hosts 接着添加以下内容 # GitHub Start 192.30.253.112 github.com 192.30.253.119 gist.github.com 199.232.28.133 asse
安装webpack，webpack-cli，webpack-dev-server（版本一定要兼容！）
热门推荐
AshleyXM的博客
03-26 1万+
ps：仅记录个人经验，如有错误欢迎指出与讨论，谢谢！ 最近学习vue要安装webpack，webpack-cli，webpack-dev-server，由于它们的版本经常会更新导致不兼容，今天安装了一上午，一直各种报错，最后找到了一个可行方案： webpack 4.41.5 webpack-cli 3.3.10 webpack-dev-server 3.10.1 以上这三个版本搭配是可行的！ （一）卸载不兼容版本 如果之前安装了其他不兼容版本可以先卸载掉！ npm uninstall webpack -g
webpack，webpack-cli版本兼容
weixin_45351558的博客
04-24 1102
cnpm install webpack@4.41.5 -g //我用的是全局安装。
webpack-cli@5.1.1 webpack@5.84.1 区别
m0_69573649的博客
06-02 267
简单来说，webpack@5.84.1 实现了 Webpack 的核心功能，而 webpack-cli@5.1.1 提供了命令行入口，可以方便地调用 webpack@5.84.1 来完成各种操作。则是 Webpack 提供的命令行工具，它包含了一些常用的命令和选项，可以方便地对 Webpack 项目进行管理和操作，例如启动开发服务器、打包项目代码、查看构建配置等等。
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
weixin_46029637的博客
07-26 1444
新手webpack打包vue项目出现各种报错，webpack，webpack-cli版本兼容问题
Vue - webpack vue/cli 脚手架
Cxil的博客
11-20 1279
概念：为什么要学webpack？思考1、以前写的网站，文件很多，体积很大？？2、有没有一种自动整合，压缩，剔除无用代码的技术？？小结1、减少文件数量2、压缩代码体积3、提高浏览器打开速度。（浏览器打开项目的速度）
webpack使用
weixin_45859470的博客
08-23 574
webpack使用-----基础版教程
webpack的安装与使用（保姆级教程）
加油
06-02 3605
webpack的安装与使用保姆级教程目录下会生成一个package.json文件，里面包含一些项目的相关信息 局部安装：（推荐） ps:查看版本号： 假如没有出现版本号，而是出现了电脑配置信息的输入一下代码试试： 问题可参考下面链接： webpack -v没有出现版本号，而是出现了电脑配置信息 可以查看到版本号说明webpack已经按装好了，此时package.json文件也会出现一个依赖： （把安装想成maven引入依赖就很好理解了） 全局安装： 至此，webpack和webpack-cli安装完成。
详解使用nodeJs安装Vue-cli
01-02
前提：nodeJs本地已安装。 1、执行npm install –global vue-cli ，全局安装vue-cli —-因为默认是从国外服务器下，可以使用阿里巴巴在国内的...3、使用vue建一个项目名叫“my-project”（vue init webpack my-project
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面 你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目...
用npm安装vue和vue-cli,并使用webpack创建项目的方法
12-12
一、npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 二、在用 Vue.js 构建...$ vue init webpack my-project # 这里需要进行一些配置，默认回车即可
安装vue-cli的简易过程
12-11
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node，如果该命令不可用，需要...
超详细的Vue脚手架
m0_69266818的博客
04-29 1331
介绍了node.js、npm、webpack和vue-cli，element-ui的安装和使用，还有前后端项目分离
逆向案例三十——webpack登录某游戏
m0_57265868的博客
04-28 595
看这整个页面的开头，发现就是个webpack,i就是这个加载器（这是个单文件webpack，区别多文件，在那种情况下，i可能去别的js文件中找)。将i(3)改为yangxin(3),现在可以复制整个代码在浏览器中运行,发现运行成功，输出加密密码。因此回到一开始的js文件，找a是由什么赋值的，a是o，o又是i(3)，怀疑i就是个加载器。再复制整个文件，接着删除不需要的函数，毕竟只用了i(3),复制后折叠，发现是这样子的。手动删除很麻烦，因此在浏览中，我们不是复制了代码吗，我们可以用命令直接将函数打印出来。
webpack打包工具
m0_48884170的博客
04-29 1345
打包基本认知：将多个文件压缩 合并处理的过程，就可以称之为是打包好处：可以减少请求次数减轻服务器压力，加快页面访问速度。
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
最新发布
码农飞哥
05-05 625
Vue 开发中的一些问题简单记录，Cannot find module 'webpack/lib/RuleSet'
vue如何进行webpack的配置
codemami的博客
05-05 430
如果你使用的是 Vue CLI 创建的项目，并且只是想进行一些小的 Webpack 配置调整，你可以考虑使用 Vue CLI 的配置文件（例如 vue.config.js）来进行调整，而不是完全手动配置 Webpack。然而，如果你想要手动配置 Webpack 或者有特定的需求，你也可以在 Vue 项目中直接进行 Webpack 的配置。这个配置指定了入口文件（你的 Vue 应用的入口），输出文件的名称和位置，以及如何处理 .vue 和 .css 文件。选择你需要的配置，或者手动选择特性。
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
09-07
vue-cli是一个构建Vue.js工程的脚手架工具，帮助开发者快速搭建和管理Vue.js项目。而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack工程，首先需要确保本地已安装了node.js和npm。 在命令行中执行以下命令来安装vue-cli： ``` npm install -g vue-cli@2.9.6 ``` 安装完成后，可以使用以下命令来初始化一个webpack工程： ``` vue init webpack my-project ``` 这里的"my-project"是你自定义的项目名称，可以替换为其他名称。 执行上述命令后，vue-cli会根据webpack模板生成项目的基本结构和文件。 接着，需要进入项目文件夹： ``` cd my-project ``` 然后执行以下命令来安装项目所需的依赖： ``` npm install ``` 安装完成后，可以使用以下命令来启动项目： ``` npm run dev ``` 这样，webpack工程就成功初始化并启动了。通过访问http://localhost:8080，可以在浏览器中查看项目的运行效果。 在初始化的工程中，可以编辑和修改src目录下的文件，这里的主要文件包括App.vue和main.js，分别是Vue组件和入口文件。 总之，使用vue-cli 2.9.6版本初始化webpack工程能够为开发者提供一个基于webpack的Vue.js开发环境，使他们能够更高效地进行Vue.js项目的开发和管理。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值