zoukankan      html  css  js  c++  java
  • 安装nodejs和webpack环境

    新版的nodejs配置貌似有些变化,参考这篇文章:node环境变量配置,npm环境变量配置

    一.安装node

    1.首先安装node.js

    先从nodejs官网下载安装包,官网提供了.msi安装包和.zip压缩包。

    如果下载的安装包,则在安装时,选项全部勾选(含Add to PATH添加到环境变量),会自动添加环境变量。

    如果下载的绿色压缩包,则直接解压,然后手动配置环境变量

    NODE_HOME=D:Tools
    ode-v10.13.0
    NODE_PATH=%NODE_HOME%
    ode_modules
    path中增加%NODE_HOME%

    验证安装:

    node -v
    npm -v

    2.修改npm默认路径
    node.js自带了软件包管理器npm。但是默认安装C盘:
    在cmd中输入npm config ls就可以看到,还有一个npm-cache

    C:UserslpAppDataRoaming
    pm
    C:UserslpAppDataRoaming
    pm-cache

    打开nodejs/node_modules/npm下的npmrc文件,可以看到如下内容:

    prefix=${APPDATA}
    pm
    将其修改为D:Tools
    pm

    然后将默认路径下的npm和npm-cache目录移到想要放置的目录(D:Tools)

    3.修改npm用户配置和使用淘宝镜像
    执行以下命令:

    npm config set prefix "D:Tools
    pm"
    npm config set cache "D:Tools
    pm-cache"
    npm config set registry https://registry.npm.taobao.org

    或者直接修改C:Userslp下的.npmrc,添加:

    cache=D:Tools
    pm-cache
    prefix=D:Tools
    pm
    registry=https://registry.npm.taobao.org/

    由于npm下载速度慢,可以替换为国内淘宝提供的 npm 镜像源。

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

    之后就可以使用cnpm install替代cpm install来下载了。

    4.修改环境变量
    修改环境变量PATH中的npm路径

    二.安装webpack

    使用npm安装webpack:

    npm install webpack -g //安装最新版。全局安装
    npm install webpack@2.4.1 -g //指定安装版本
    (卸载:npm uninstall webpack@2.4.1)

    注意:webpack4.x之后的命令行单独分出一个包webpack-cli,需要单独安装

    npm install webpack-cli -g

    此时Webpack已经安装到了全局环境下,验证安装:

    webpack -h
  • 相关阅读:
    【转载,整理】Linux性能监控
    【转载,整理】Spotlight 监控
    Linux中SFTP命令
    SQL中特殊符号的使用
    Oracle数据库中number类型在java中的使用
    【转载】抓包工具Fidder详解(主要来抓取Android中app的请求) 包括https
    Linux scp命令
    shell编程入门(一)
    Linux 技巧:让进程在后台可靠运行的几种方法
    Fast Algorithm To Find Unique Items in JavaScript Array
  • 原文地址:https://www.cnblogs.com/rouqinglangzi/p/9463064.html
Copyright © 2011-2022 走看看