如何安装nodejs、webpack
目录
- 前言
- 第一步:安装nodejs
- 第二步:全局安装webpack
- 第三步:局部安装webpack
前言
我在b站上面学习Vue的时候需要使用webpack进行模块化,那就安装webpack,老师说由于webpack需要nodejs的支持,所以我们还需安装nodejs,所以我就先安装nodejs,然后在安装webpack
小贴士:
该项目配套后端代码已经新鲜出炉》》》点我去看
第一步:安装nodejs
下载:
老师上面nodejs的版本是10.13.0,所以我也安装该版本,在nodejs官网上面是最新的12.8.4,这不符合我的要求,于是我找到了所有nodejs历史版本的链接(https://nodejs.org/dist/),由于我本次使用的nodejs版本是10.13.0,所以我找到了nodejs v10.13.0所有类型安装文件的链接(https://nodejs.org/dist/v10.13.0/),接下来我找到了node-v10.13.0-x64.msi(.msi格式:Windows installer开发出来的程序安装文件,使用它不用配置环境变量;.zip:解压即可用,但是需要配置环境变量;
)的地址是:https://nodejs.org/dist/v10.13.0/node-v10.13.0-x64.msi,你点击就可以下载了,由于下载速度很快,我就不给你提供安装包了
安装:
双击下载的node-v10.13.0-x64.msi
,点击Next:
更改你认为合适的nodejs安装路径:
点击Next:
其中:
npm package manager表示npm包管理器
online documentation shortcuts 在线文档快捷方式
Add to PATH添加node安装路径到环境变量
这就是我们使用.msi类型的文件安装的时候不需要添加环境变量的原因。
然后是否勾选必要的工具去编译native模块:
点击install:
安装完成后关闭安装窗口,由于我们使用的是.msi类型文件安装的,所以不需要配置环境变量
检查安装:
打开DOS命令窗口,输入node -v
,如何你可以看到版本号10.13.0
,说明你就安装成功了
更改成淘宝镜像:
如果不更改淘宝镜像,你如果通过npm去安装webpack,那页面直接就不会动了,你就不要去试了,所以更换成淘宝的源很有必要:直接在DOS窗口中输入:npm config set registry https://registry.npm.taobao.org
,点击回车就更换成功了,可以通过npm config get registry
命令去查看镜像是否更换成功,如果返回的是https://registry.npm.taobao.org/,那说明你已经更换成功了
第二步:全局安装webpack
安装webpack:
在DOS命令窗口中输入npm install webpack@3.6.0 -g
安装webpack,其中的-g代表webpack的全局安装方式,那么我们可以在电脑上任意一个终端上面执行webpack指令,安装可能稍微有点慢,估计要3~5分钟,稍等一下,别去关闭窗口,之后出现让你可以输入的命令行说明你就安装完成了,如下图:
检查安装结果:
在DOS命令窗口输入webpack --version
(注意:两个横线),如果你看到3.6.0,说明你已经成功安装了webpack3.6.0
需要注意:
打开webstorm的时候请使用管理员身份打开,否则在使用webstorm的时候会出现:Unable to save settings: Failed to save settings. Please restart WebStorm
错误,你可以在webstorm图标上单击右键——》属性——》右下角的高级——》选择用管理员身份运行——》确定——》应用——》继续——》确定就完成了默认以管理员身份运行webstrom的操作了
第三步:局部安装webpack
上面是全局安装webpack,你可能会想既然已经全局安装了webpack,那为什么还要局部安装呢,这是因为我们需要的项目可能是从网上下载下来的,项目中使用的webpack和我们本地的webpack可能版本不同,这就需要在局部安装webpack了,不过在此之前需要先生成package.json文件,这需要使用npm init命令,当然在此之前你肯定已经做好了全部的准备,我这里用到的工具是webstrom,在webstrom中的Terminal终端中输入npm install webpack@3.6.0 --save-dev
就可以了,其中--save-dev
的作用就是在开发时依赖,在项目打包后不会在继续使用的
如何安装nodejs、webpack相关推荐
- nodeJs + webpack+vue+ element ui 环境安装
一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/ 点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目 在上一篇<Vue2+VueRouter2+ ...
- React学习实例总结,包含yeoman安装、webpack构建
2019独角兽企业重金招聘Python工程师标准>>> 1.安装yeoman 在安装nodeJs的基础上,输入命令:npm install -g yo grunt-cli bower ...
- vuejs目录结构启动项目安装nodejs命令,api配置信息思维导图版
vuejs目录结构启动项目安装nodejs命令,api配置信息思维导图版 vuejs技术交流QQ群:458915921 有兴趣的可以加入 vuejs 目录结构 build build.js check ...
- 关于内网linux系统如果安装nodejs,npm,express,mongodb,forever等
内网的linux系统要安装nodejs以及express等系列的框架,因为系统是局域网和互联网是物理隔离的,所以,没法像官网的安装教程那样直接install了,只能手动安装,这里已经我们自己的linu ...
- Linux安装Nodejs
Linux安装Nodejs 阿里云镜像: https://npm.taobao.org/mirrors/node/ 选择所需版本,进行下载. 我这边下载的是:https://npm.taobao.or ...
- linux ubuntu 安装 nodejs npm
第一种安装方法 安装nodejs : sudo apt-get install nodejs 运行 nodejs -v 会弹出安装node的版本号 这里使用的是 nodejs 并不是常用的node , ...
- Windows安装NodeJS
Windows安装NodeJS 一.下载安装包 访问地址: https://nodejs.org/en/download/ 选择LTS版本,选择偶数的NodeJS版本,例如:8.10,因为偶数是长期稳 ...
- Ubuntu安装源安装nodejs
2019独角兽企业重金招聘Python工程师标准>>> 本文演示Ubuntu安装nodejs,当前(2017年11月13日)最新稳定版本为9.x. #安装nodejs9.x curl ...
最新文章
- spring boot中的日志入门
- 折半查找函数(from 《The C Programming Language》)
- python在开头声明全局变量_全局变量声明Python
- do while循环语句_Python 自学笔记 - while 循环语句
- 如何使用 SSH 控制连接 Windows 服务器
- Axiom3D:Ogre射线与点,线,面相交,鼠标操作3维空间.
- android 向下动画,使用向上/向下滑动动画显示和隐藏视图
- matlab无穷积分求解_matlab编程求无穷限定积分
- 批量图片格式转化——gif转换为jpg、png
- wooyun 历史资源汇总
- 从零开始嵌入聊天机器人服务(小白适用)
- 联想p720装系统_联想发布ThinkStation P920和P720至强处理器推荐
- AMD/CMD/CommonJs到底是什么?它们有什么区别?
- jenkins基础知识
- Android 5.X 新特性详解(一)MD主题、Palette、视图阴影、Tinting(着色)和Clipping(裁剪)
- mysql数据库物理结构_MySQL数据库结构设计(物理设计)
- 打印机耗材的发展趋势
- Mysql清除字段中的中文,只保留数字、字母等非中文符号
- python中英文古风排版_2017年天梯赛部分真题加Pat部分题目(1)
- uniapp生成抖音小程序 问题记录