一步一步学webpack-安装

webpack4.0 安装

 webpack目前已经升级到4.x版本了,所以本文只演示4.x版本的安装...

 准备工作

      1.node.js 安装 

　　　　 安装webpack,需要本地支持node.js,需要安装node.js,么有安装的移步到 node中文官网(http://nodejs.cn/download/)下载node.js,(最新的长期支持版本: 10.15.3 ),安装完成之后，就自动生成npm(包管理器) 。检查node.js是否安装成功→ 

       window+R键，输入cmd打开命令行工具,键入 node -v ,如图,若有出现 node.js 的版本号则表示node.js安装成功.

　　

 　2. cnpm 安装

         cnpm类似于npm,只是因为cnpm的服务器在中国,安装包的的时候会比较快. https://npm.taobao.org/ 有关于cnpm的介绍,我们只需要安装cnpm即可

         在控制台中键入:

　　 npm install -g cnpm --registry=https://registry.npm.taobao.org

         

　　  如图,出现 +cnpm@6.0.0  则表示安装成功 @后面跟的是版本号,不同日期安装的,版本号会出现不一样的情况(不用在意).

  正式开始

　　1.新建一个文件夹,用于安装webpack. 我的安装目录 D盘下N层里面的一个叫myproject的目录

          

 

         cd 到 我的安装目录myproject

      2. 全局安装webpack webpack-cli

　　　全局安装的包直接安装到计算机中，只需安装一次，以后在计算机的任何位置都可以使用这个包

          cnpm install webpack webpack-cli -g      →采用cnpm 安装,如果用npm安装,命令为 npm install webpack webpack-cli -g 

          如果安装多个包,以空格隔开就行,如上的webpack webpack-cli ,同时安装了两个包 

          -g是全局安装的意思 global, install 可以简写为i  那么就是   cnpm i webpack webpack-cli  -g 有些人喜欢吧-g放在包的前面 cnpm install -g webpack webpack-cli 也可行

         

 

      3.创建项目

         cnpm init     初始化项目,创建 package.json, npm init 命令键入后,控制台会出现一系列的询问,如name,description,author

 

          

　　   这时在myproject文件夹下就会新增一个package.json文件(项目描述文件)

　　   至此,webpack安装就算安装完成了

 +++

 　　  cmd 控制台命令工具感觉不是怎么的好用,推荐使用git

           先安装git   下载地址 https://git-scm.com/downloads

          

 　　  安装成功后, 直接找到需要创建项目的地方,点击右键, 选择 Git Bash Here, 打开窗口是这样的 ↓