Fork me on GitHub

node安装和配置

windows 环境

  1. 安装node

    • node下载地址
    • 下载后点击安装,默认下一步即可(安装路径可更改为d:盘)
  2. 检测PATH环境变量是否配置了Node.js

    • 点击开始=》运行=》输入"cmd" => 输入命令"path"
    • 输出如下结果:
    PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;
    C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;
    c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;
    C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;
    C:\Users\rg\AppData\Roaming\npm
    
    • 可以看到环境变量中已经包含了C:\Program Files\nodejs\
    • 如果没有,则需要手动配置node环境变量
  3. 检查node版本,查看是否安装成功

    • 终端,执行 node --version
    • 返回版本号 如:v10.2.0
  4. 查看配置

    • 点击开始=》运行=》输入"cmd" => 输入命令"npm config ls"
    C:\Users\Administrator>npm config ls
    ; cli configs
    metrics-registry = "https://registry.npm.taobao.org/"
    scope = ""
    user-agent = "npm/5.6.0 node/v10.2.0 win32 x64"
    
    ; userconfig C:\Users\Administrator\.npmrc
    cache = "D:\\npm\\node_cache"
    prefix = "D:\\npm\\global_node_modules"
    registry = "https://registry.npm.taobao.org/"
    
    ; builtin config undefined
    
    ; node bin location = D:\Program Files\nodejs\node.exe
    ; cwd = C:\Users\Administrator
    ; HOME = C:\Users\Administrator
    ; "npm config ls -l" to show all defaults.
    
    • 以我的配置为例,这里有三个需要注意的
      • metrics-registry = "https://registry.npm.taobao.org/"这个是仓库源
      • cache = "D:\\npm\\node_cache""这个是缓存
      • prefix = "D:\\npm\\global_node_modules"这个是储存npm下载的包的本地仓库地址
  5. 更换本地仓库地址:

    npm config set prefix  'D:\npm\global_node_modules'
    npm config set cache  'D:\npm\node_cache'
    
    • 我在npm文件目录下新建了一个文件global_node_modules,专门用于来安放npm下载的东西,这个目录可以自由新建
    • 更改以后需要修改环境变量:
    • 先在用户变量里面新建明为PATH的变量,值为D:\npm\global_node_modules
    • 然后在系统变量里面新建一个叫NODE_PATH的变量,值为D:\npm\global_node_modules\node_modules
  6. 更换npm的仓库源地址

    • npm config set registry http://registry.npm.taobao.org/
    • 验证是否成功 npm info express
  7. 安装webpack测试

    • Win+R cmd打开终端,执行 npm install webpack -g
    • 等待安装完成后,执行 webpack --version 查看webpack版本号
posted @ 2019-05-28 11:20  gaiyb  阅读(519)  评论(0编辑  收藏  举报