`

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
分享到:
评论

相关推荐

    Vue.js与Webpack安装教程

    在开始Vue.js和Webpack的安装教程之前,我们需要确保开发环境已经安装了Node.js,因为Vue CLI和Webpack都依赖于Node.js的npm包管理器。 1. **Vue.js的安装** - 首先,通过npm全局安装Vue CLI(Vue的命令行工具):...

    Node.webpack.es6

    以上介绍了 Node.js、Webpack 和 ES6 的基础知识以及如何使用它们进行开发。这些技术在现代 Web 开发中扮演着至关重要的角色,了解和掌握它们对于成为一名优秀的前端或全栈开发者来说非常重要。

    webpack静态资源一键上传阿里云OSS插件,兼容webpack3.x4.x-webpack-oss.zippycharm安装

    pycharm安装教程 webpack静态资源一键上传阿里云OSS插件,兼容webpack3.x4.x_webpack-oss.zip

    Node.js-webpack-serve一个精简现代灵活的webpack开发服务器

    webpack-serve 一个精简,现代,灵活的webpack开发服务器

    Web前端模块化开发教程(ES6+Node.js+Webpack)_源代码.zip

    在前端模块化开发中,Node.js用于搭建开发环境,安装和管理依赖,以及构建和打包工具。 4. **Webpack**:Webpack是一个现代JavaScript应用程序的静态模块打包工具。它的工作原理是将项目视为一个模块依赖图,...

    nodejs8.9.4(安装包)_npm_webpack_vue-cli安装详解.zip

    安装完Webpack后,还需要配置webpack.config.js文件,定义入口文件、输出文件以及如何处理不同类型的模块。 Vue CLI(Vue Command Line Interface)是Vue.js官方提供的脚手架工具,用于快速搭建Vue.js项目。它简化...

    Node.js-使用webpack搭建基于typescript的node开发环境template

    本教程将深入探讨如何使用Webpack搭建一个基于TypeScript的Node.js开发环境。Webpack是一个模块打包工具,它能够处理JavaScript、CSS、图片等静态资源,而TypeScript是JavaScript的一个超集,提供静态类型系统,增强...

    webpack安装包

    要使用这个“webpack-master”项目,首先确保已安装 Node.js 和 npm。接着在命令行中导航到项目根目录,并运行以下命令来安装所有依赖: ``` npm install ``` 安装完成后,你可以使用以下命令来运行 Webpack: ``...

    node-polyfill-webpack-plugin:Webpack中的Polyfill Node.js核心模块

    安装npm install node-polyfill-webpack-plugin用法将以下内容添加到您的webpack.config.js : const NodePolyfillPlugin = require ( "node-polyfill-webpack-plugin" )module . exports = {// Other rules......

    docker-node-webpack

    docker-node-webpack 我正在尝试创建一个将使用webpack,热重载react和docker一起使用的样板。 如何在Docker中运行 docker build -t webpack-react . docker run -d -p 80:8000 -v "$PWD":/var/...

    Node.js-利用webpack使传统html项目在node服务器运行并打包的小玩意

    - 安装Node.js环境,通过npm(Node包管理器)安装和管理项目依赖。 2. **Webpack核心概念**: - 入口(entry):定义了Webpack开始处理的JavaScript文件。 - 输出(output):配置Webpack打包后的文件输出位置和命名...

    node+模块化+Webpack.pdf

    ### 知识点一:Node.js基础与...通过这些指令和概念,开发者可以在 Node.js 环境中更高效地操作服务器和文件系统,利用 npm 管理项目依赖,以及处理二进制数据。这为使用 Node.js 进行后端开发提供了一个强大的工具集。

    webpack打包node.js后端项目的方法

    本文将详细介绍如何利用Webpack打包Node.js后端项目,包括必要的安装、配置步骤以及一个简单项目目录的构成。 知识点一:Webpack基础 Webpack可以看作是一个现代JavaScript应用程序的静态模块打包器。它在运行时...

    webpack-less-loader

    在使用 Less-Loader 时,我们需要先安装它以及其依赖的 less 包: ```bash npm install --save-dev less less-loader ``` 然后在 Webpack 配置文件中(通常为 `webpack.config.js`),在 `module.rules` 字段下...

    webpack相关图片压缩插件

    由于这几个图片压缩的插件下载会经常失败,所以我整理了一下。 文件内容: ...配合我之前发布的webpack基本配置、react webpack配置和vue webpack配置使用。 详情请访问:https://blog.csdn.net/qq_45142260

    详解webpack打包nodejs项目(前端代码)

    我的项目情况是这样的:用node.js做后台,ejs做模板引擎(即整个页面是一个ejs文件)由node.js将数据渲染完成后,再将完整页面返回给用户。 那么这样做会遇到的问题: 1. 本项目没有html页面,ejs的作用也不是引入...

    webpack-node-externals:轻松排除Webpack中的节点模块

    这个库创建的外部函数忽略node_modules中的WebPack捆绑时。 (灵感来自系列的出色) 快速使用 npm install webpack-node-externals --save-dev 在您的webpack.config.js : const nodeExternals = require ( '...

    Node.js-webpack4ejsexpress多页应用项目架构模板

    本项目架构模板利用了Node.js、webpack4、ejs模板引擎以及express框架,提供了一种高效且灵活的开发方式。下面我们将详细探讨这些技术栈及其在多页应用中的应用。 **1. Node.js** Node.js是一个基于Chrome V8引擎的...

    vue和webpack安装命令详解

    Vue.js和Webpack是两个...在实际项目中,你可能还需要学习更多关于Vue组件、Webpack的高级配置、Babel转译以及各种插件的使用,这些都是构建高效前端应用不可或缺的知识。持续学习和实践,才能在前端开发领域不断进步。

Global site tag (gtag.js) - Google Analytics