• 安装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
  • 相关阅读:
    图像梯度计算
    图像轮廓检测
    元组()
    SwiftUI 概览
    TCL 语言概览
    列表 []
    Numpy 矩阵计算
    图像平滑(滤波)
    language="JavaScript"与type="text/javascript"
    调用接口, Test.java(不用任何包, MD5大写32位加密,HttpURLConnection)
  • 原文地址:https://www.cnblogs.com/rouqinglangzi/p/9463064.html
Copyright © 2020-2023  润新知