windows10 系统安装node.js和webpack

一、安装webpack

1、安装最新的node.js;最新的node.js包括了npm,并且是全局安装的;

下载地址https://nodejs.org/en/左侧为稳定版,右侧为最新版,推荐稳定版。


2.安装Node.js

一路下一步,记住安装路径(此处安装在 D:\Program Files\nodejs 下)。

安装完成后(新版本的Node.js已经自动配置好环境变量了。)运行cmd,执行node -vnpm -v命令查看安装情况。如执行结果如下图,说明安装成功。

3.输入npm list -g 可查看默认全局模块存放路径。

4.配置npm的全局模块存放路径以及cache。在nodejs的安装主目录中新建文件夹:node_cachenode_global(此处我的安装路径是D:\Program Filesnodejs


5.cmd中输入命令:

npm config set prefix “D:Program Files\nodejs\node_global”
npm config set cache “D:Program Files\nodejs\node_cache”
 
 

再次查看全局模块路径

3.现在可尝试安装模块:选择安装express模块在命令行中输入:

npm install express -g 

(-g表示全局安装即安装到node_global目录下)。

4.cmd输入node,后输入“require(‘express’)”测试node模块的全局路径是否配置正确。或者在配置的文件查看是否安装。


5.使用淘宝 NPM 镜像

国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

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

上图中的警告可以降低npm版本解决。

6.将路径D:\Program Files\nodejs\node_global加到环境变量path中,否则找不到cpm命令。

7.安装 Webpack

由于 npm 安装速度慢,使用了淘宝的镜像及其命令 cnpm

cnpm install webpack -g

猜你喜欢

转载自blog.csdn.net/qq_21508727/article/details/80199246