【05】(moyu:最好安装在C盘。默认的安装地址。)

【】全局安装
01,首先要安装Node.js, Node.js 自带了软件包管理器 npm。

02,Webpack 需要 Node.js v0.6 以上支持,建议使用最新版 Node.js。

03,用 npm 安装 Webpack(全局安装)

npm install webpack -g
或:
npm install -g webpack

这会使webpack命令生效

在c盘下会生成node_modules文件夹中会包含webpack,此时此刻我们可以使用webpack命令了;

此时 Webpack 已经安装到了全局环境下,可以通过命令行 webpack -v 试试。
结果:

 

 



【】局部安装
安装在项目根目录下
Webpack 安装到项目的依赖中,这样就可以使用项目本地版本的 Webpack。
cd 
# 进入项目目录 
cd demo

# 确定已经有 package.json,没有就通过 npm init 创建

# 安装 webpack 依赖


npm install webpack --save-dev
结果:




会在项目根目录生成node_modules,其中有webpack文件夹。


【】安装不同版本

Webpack 有不同的版本,有的版本拥有一些实验性功能并且和其他版本不兼容。
# 查看 webpack 版本信息
$ npm info webpack # 安装指定版本的 webpack
$ npm install webpack@1.12.x --save-dev

cnpm info webpack:
moyu:会输出很多信息,



命令行操作:
退出是按ctrl+c




**

【01】webpack的安装过程截图的更多相关文章

  1. iBrand 教程:Git 软件安装过程截图

    下载 教程中使用的相关软件下载网盘: https://pan.baidu.com/s/1bqVD5MJ 密码:4lku 安装 请右键 以管理员身份运行 进行软件安装,安装过程如下: 使用 安装完成后, ...

  2. iBrand 教程:Xshell 软件安装过程截图及配置

    下载 教程中使用的相关软件下载网盘: https://pan.baidu.com/s/1bqVD5MJ 密码:4lku 安装 请右键以管理员身份运行进行软件安装,安装过程如下: 配置 安装完成并运行软 ...

  3. VS2013安装过程截图

    ================================================================ VS 2013 中新增了很多提高开发人员工作效率的新功能,比如自动补全 ...

  4. Sitecore详细安装(包含sitecore安装过程截图)

    一.到Sitecore 官网下载安装包 1)浏览器中输入https://dev.sitecore.net/Downloads/Sitecore_Experience_Platform.aspx 2)安 ...

  5. ORACLE WIN7安装过程截图

    尽管 有点不正规,但还可以.

  6. WinCC V7.5安装过程截图

  7. PCS 7 V9.0 SP1安装过程截图

  8. SAP ECC6安装系列四:安装过程详解

    原作者博客 http://www.cnblogs.com/Michael_z/ ======================================== 续接上篇,我们终于按下了 “Next” ...

  9. 性能分析工具VisualVM for eclipse安装过程总结

    Java VisualVM Java VisualVM is a tool that provides a visual interface for viewing detailed informat ...

随机推荐

  1. [android][avd位置修改][需自己手动]

    1.找到avd目录(C:\的那个)并打开,移动.avd文件到需要的位置. 2.修改ini文件path,完成.

  2. nginx 配置步骤

    D:\myphp2017\nginx\conf.nginx.conf37行 吧localhost 改为www.ff.com41行取消注释44行 加D:\myphp2017\nginx\html45 在 ...

  3. Java常用函数式接口--Consumer接口使用案例

    第一种方式: 第二种方式:

  4. linux学习笔记汇总

    linux 文件系统是采用级层树状的目录结构,采用"/"根目录的方式 目录结构: / 根目录           |---root: 存放root用户相关的文件          ...

  5. js实现接口的几种方式

    Javascript模仿接口可以有三种方式:1.注释法 2.检查属性法 3.鸭式辨形法 1.注释法:此方法属于程序文档范畴,对接口的继承实现完全依靠程序员自觉 /* interface People{ ...

  6. uvm_globals——告诉这个世界我爱你

    uvm_globals.svh 存放全局的变量和方法.当UVM平台启动时,便在uvm_globals查找相应的方法,uvm_globals 的方法实现也比较简单,就是调用uvm_root对应的方法.其 ...

  7. 【数据库-Azure SQL Database】如何创建事务复制将本地数据同步到 SQL Azure

    Azure SQL DB 可以被配置成为 SQL Server 事务复制的一个订阅者( subscriber ). 主要应用场景有两种: 将您的数据迁移到 Azure SQL DB, 并且没有宕机时间 ...

  8. webpack devserver的说明

    一般我们在项目中 如果用webpack的话,基本都会用到webpack-dev-server,配置大致如下: devServer={ contentBase: basePath, historyApi ...

  9. nonrepetitive DNA|repetitive DNA|moderaly repetitive DNA|highly repetitive DNA|selfish gene|junk DNA

    5.5 真核生物基因组包含非重复DNA序列和重复DNA序列 依据重复序列的频数,可将真核生物DNA做如下分类: 1次即非重复DNA(nonrepetitive DNA,相应的也会更长,随着基因组扩大( ...

  10. Python3 try-except、raise和assert解析

    Python3 try-except.raise和assert解析 一.说明 关于异常捕获try-except:在学java的时候就被教育异常捕获也是java相对c的一大优点,几年下来多少也写了些代码 ...