`

node以及webpack安装

    博客分类:
  • node
阅读更多
一,node安装
1,官网下载node:https://nodejs.org/zh-cn/,下载长期支持版
2,正常安装,安装目录最好设置自己定义的目录,这里是D:\Program Files\nodejs
3,设置全局模块路径(跟安装目录一致):
npm config set prefix "D:\Program Files\nodejs"

4,检查环境变量,确保系统环境变量中目录与以上设置一致
5,以上安装后,切换账号后也能使用node命令
6,输入命令【npm -v】,可查看当前npm的版本

二,webpack安装
1,输入【npm install webpack --save-dev】
  需要等待一会,最后显示出webpack的版本信息,然后打开【package.json】配置文件,可以看到这里也有了webpack的版本信息,然后打开项目根目录文件夹,在该文件夹下生成了一个【node_modules】文件

在cmd中进入项目根目录,输入命令【webpack -v】,查看当前webpack的版本信息,得到提示:不是内部或外部命令……
注意:webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli

2,输入命令【npm install --save-dev  webpack-cli】,然后按回车键
然后在输入命令【webpack -v】,按回车键,得到提示:不是内部或外部命令……,说明webpack还是没有安装成功

3,输入命令【npm install --global webpack】,按回车键
然后在输入命令【webpack -v】,按回车键,依然没有出现webpack的版本信息

4,继续输入命令【npm install --global webpack-cli】,按回车键
然后在输入命令【webpack -v】,按回车键,出现webpack的版本,就说明安装成功

5,查看环境变量,webpack安装目录不能在某个用户目录下,不然切换用户将不能使用


三,npm相关命令
为npm设置代理
npm config set proxy http://server:port
npm config set https-proxy http://server:port

如果代理需要认证的话可以这样来设置。
npm config set proxy http://username:password@server:port
npm config set https-proxy http://username:pawword@server:port

取消代理
npm config delete proxy
npm config delete https-proxy 


查看npm配置
npm config list


设置npm镜像
npm config set registry https://registry.npm.taobao.org 


使用nrm管理registry地址
npm install -g nrm

添加registry地址
nrm add npm http://registry.npmjs.org
nrm add taobao https://registry.npm.taobao.org

切换npm registry地址
nrm use taobao
nrm use npm
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics