首先在cmd中查看Node.js是否安装完成

node -v

npm -v

安装webpack

疑问:在这里,我们为什么不进行全局安装?

  • 全局安装后,会造成多个项目依赖同一版本,但是有时候我们想要的是不同版本的,因此不推荐全局安装

步骤:

1、在你需要打包的项目文件夹中,打开cmd:win7下 shift+右键,在命令行中打开,win10还需要在Powershell中输入start cmd

2、初始化npm

npm init

 一直回车

3、局部安装webpack(--save-dev:表示开发环境的依赖)

npm install webpack --save-dev

npm install webpack-cli --save-dev

安装完成

问题: 查看版本号报错:

查看不了版本号的原因:

查看版本号其实有很多方法,除了去特定的文件里手动查看,直接npx webpack -v或者改改package.json里script的配置就行,因为局部安装本身没有查看版本的指令,只有人为添加。

npm 安装 局部webpack相关推荐

  1. npm 安装 webpack

    1. 安装NodeJs,检测node.js是否安装成功 查看node版本       > node -v 查看npm版本 > npm -v 3. npm 安装 webpack 采用全局安装 ...

  2. npm安装教程 集成npm webpack vue-cli

    一.使用之前,我们先来掌握3个东西是用来干什么的. npm: Nodejs下的包管理器. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资 ...

  3. nodejs+webpack+vue以及npm安装对应的库

    vue.js 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.vue ...

  4. webpack配置:安装了webpack和webpack-cli,但是运行webpack命令报错_

    问题:安装的webpack,webpack-cli.运行webpack命令提示: One CLI for webpack must be installed. These are recommende ...

  5. npm安装、使用方法

    文章目录 npm安装.使用方法 1.npm介绍 2.npm查看版本 3.npm查看所有命令列表 4.npm查看所有命令用法 5.npm查看配置 6.npm永久换源 7.npm查看换源是否成功 8.np ...

  6. webpack源码阅读——npm脚本运行webpack与命令行输入webpack的区别

    原文地址:webpack源码阅读--npm脚本执行webpack与命令行输入webpack执行的区别 如有错误,欢迎指正! webpack是目前被大家广为使用的模块打包器.从命令行输入webpack或 ...

  7. npm run buil构建后页面白屏_从Npm Script到Webpack,6种常见的前端构建工具对比

    从Npm Script到Webpack,6种常见的前端构建工具对比 小编说:历史上先后出现了一系列构建工具,它们各有优缺点.由于前端工程师很熟悉JavaScript,Node.js又可以胜任所有构建需 ...

  8. vue开发搭建(npm安装 + vue脚手架安装)

    一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...

  9. npm——安装教程、安装vue脚手架(ASP.NET Core微服务(五)——【vue脚手架解析接口】过度章节)

    npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题. 比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并 ...

  10. vue.js 三种方式安装--npm安装

    Vue.js是一个构建数据驱动的 web 界面的渐进式框架.     Vue.js 的目标是通过简单的 API 实现响应的数据绑定和组合的视图组件.它不仅易上手,便于与第三方库或既有项目整合.     ...

最新文章

  1. centos6.3下搭建LAMP环境
  2. 通用客户端表单验证函数修正版
  3. Oracle海量数据优化-02分区在海量数据库中的应用-更新中
  4. linux内核模块配置,如何为linux内核模块开发配置clang_complete?
  5. windows下gvim中文乱码解决方案
  6. 计算机图形学在线作业,电子科技16秋《计算机图形学》在线作业3 辅导资料
  7. strictmath_Java StrictMath scalb()方法与示例
  8. ViewGroup 事件分发
  9. 学软件测试看什么书籍推荐?
  10. 【文智背后的奥秘】系列篇——分布式爬虫之WebKit
  11. easyui实现jsp页面模板插入弹框中
  12. [记录]Python的master-worker和epoll模式
  13. linux 查看网卡以及开启网卡
  14. 在Word2019中不能插入公式的解决办法
  15. Python学习之——列表、字典、实验低配版非诚勿扰
  16. JS学习之路系列总结二阴阳阵(此文犹如武林之中的易筋经,是你驰骋IT界的武功心法,学会JS五大阵法就学会了JS,博主建议先学三才阵)
  17. 利用因果图法对一个自动饮料售货机软件进行黑盒测试
  18. 2020金融科技领域最具商业合作价值企业盘点
  19. 计算机软考初级网络管理员——计算机科学基础笔记
  20. 软考高项——配置管理

热门文章

  1. 【硬见小百科】二十种电容分类详解!
  2. [授权发表]程序执行的那一刹那
  3. 高效实现统计分析(按日,月,周)查询功能
  4. android 视频通话框架,Android基于腾讯云实时音视频仿微信视频通话最小化悬浮
  5. 关于3阶Volterra滤波器一些理解
  6. cube配置定时器ETR2模式测频实验
  7. html视频如何转换成mp4视频格式,将MP4、MPEG、MOV等格式的视频转换成WEBM格式的方法...
  8. 力扣刷题 DAY_66 回溯
  9. Google天马(PEGASUS)模型
  10. USB vs PS2_Codeforces