一,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
分享到:
相关推荐
Node.webpack.es6
webpack-serve 一个精简,现代,灵活的webpack开发服务器
小破站的Vue+Webpack的详细学习笔记,包含Node JS模块化 Webpack
安装npm install node-polyfill-webpack-plugin用法将以下内容添加到您的webpack.config.js : const NodePolyfillPlugin = require ( "node-polyfill-webpack-plugin" )module . exports = {// Other rules......
docker-node-webpack 我正在尝试创建一个将使用webpack,热重载react和docker一起使用的样板。 如何在Docker中运行 docker build -t webpack-react . docker run -d -p 80:8000 -v "$PWD":/var/...
Web前端模块化开发教程(ES6+Node.js+Webpack)_源代码.zip
使用webpack搭建基于typescript的node开发环境template
由于这几个图片压缩的插件下载会经常失败,所以我整理了一下。 文件内容: ...配合我之前发布的webpack基本配置、react webpack配置和vue webpack配置使用。 详情请访问:https://blog.csdn.net/qq_45142260
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备...
注意node的版本,只有支持和谐模式的node才会支持es6,在基于webpack构建项目名称时才不会报错。推荐最新版本. 下载安装包之后直接点击安装即可。测试安装成功的界面如下: 1.2、利用npm安装webpack命令行语句为npm ...
我的项目情况是这样的:用node.js做后台,ejs做模板引擎(即整个页面是一个ejs文件)由node.js将数据渲染完成后,再将完整页面返回给用户。 那么这样做会遇到的问题: 1. 本项目没有html页面,ejs的作用也不是引入...
软件开发设计:应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储设备...
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 ... 【项目质量】: 所有源码都经过严格测试,...
这个库创建的外部函数忽略node_modules中的WebPack捆绑时。 (灵感来自系列的出色) 快速使用 npm install webpack-node-externals --save-dev 在您的webpack.config.js : const nodeExternals = require ( '...
利用webpack使传统html项目在node服务器运行并打包的小玩意
节点配置Webpack插件 使与一起! 介绍 使与一起! 接收了一堆配置文件,并将它们作为普通的Javascript对象提供给您的应用程序。 这不适用于Webpack,因为需要在服务器上读取配置文件。 那么,如果您需要配置客户端...
管理系统是指由硬件设备、软件应用、数据资源、人员以及相关管理制度共同构建的,用于处理、监控、分析和决策各类业务活动的综合信息系统。它通常包括以下几个核心组成部分: 数据采集模块:负责从各类业务环节中...
模式实验室节点-Webpack版 周围的Webpack包装器提供了与核心库进行交互并移动支持的前端资产... Node的安装将包括npm。 快速入门指南 注意:您必须先具备所有先决条件 下载.zip或派生此存储库,然后在本地克隆它。 git