webpack及node.js的安装(超详细)

一、安装webpack前首先需要安装Node.js

1.  node.js自带了软件安装包管理工具npm

2.  nodejs以往版本下载地址:https://nodejs.org/zh-cn/download/releases/

版本根据自己的需求进行下载,我下载的是下面这个版本

node-v12.3.0-x64.msi

 3. 下载完成之后,双击安装包,点击我接受,再点击next

4. 安装路径可以自己定义,我安装到了D盘

5. 这一步选择第四个,添加到环境变量,省的还要去自己去修改path

6. 看自己需求决定是否下载,点击next完成安装

 7. 安装完成之后可以打开cmd窗口,查看Node 版本

 8. 默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过 npm root -g 查看

 9. 环境配置

注:这里的环境配置以及创建空白文件夹,主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,因为以后在执行类似:npm install express [-g] 的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间,所以才进行的配置,如果C盘容量足够,可省略这一步,不影响node使用。

 打开安装的目录(D:\Program Files\nodejs)

 在安装目录下新建两个文件夹【node_global】和【node_cache】

再次打开cmd命令窗口,输入npm config set prefix “你的路径\node_global”(“你的路径”默认安装的情况下为 D:\Program Files\nodejs)

 npm config set cache “你的路径\node_cache” 可直接复制刚刚新建的空文件夹目录
然后按照最开始的方法,打开系统属性-高级-环境变量,在系统变量中新建 变量名:NODE_PATH,变量值: D:\Program Files\nodejs\node_global\node_modules

然后下一步编辑用户变量的path,将默认的 C 盘下 APPData\Roaming\npm 修改为 D:\Program Files\nodejs\node_global,点击确定

 

最后一步 测试,配置完成后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,输入如下命令进行模块的全局安装: npm install express -g

输入完命令后可以看一下D:\Program Files\nodejs\node_global 文件夹中多了以下文件,到这node已经安装完成

补充: 使用以下命令可以加快我们npm安装模块的下载速度,使用阿里淘宝镜像

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

二、全局安装webpack

这里我是指定安装的3.10.0版本,可以根据自己项目所需下载相应版本

npm install [email protected] -g

 webpack --version 查看版本

猜你喜欢

转载自blog.csdn.net/Alan_ran/article/details/123705588