windows平台下webpack的环境搭建1、卸载webpack这里加入之前安装过webpack,但是发现版本不对,想要更换版本,这种情况下,有以下操作:webpack4.x开始官方文档是说要安装cli所以如果的在用4.+就需要卸载clinpm uninstall -g webpack-cli# 注释给我这种小白提供参考# 卸载 uninstall 可以简写成 un # 全局 -g 的完整写法是 --global# 现在问题来了这样真的卸载了webpack-cli吗?# 答案是没有。到现在为止我还没有发现那个webpack-cli是全局安装的,至少官方文档没看到。# 那就看下面怎么删除局部webpack-cli删除本地(局部)webpack-clinpm uninstall webpack-cli# 仔细看你会发现去掉全局参数 -g# 这时候你的命令行会快速滚动一些删除信息。# webpack-cli删除成功删除全局webpack, 最好将项目目录下的node-modules一起删除,否则会有残留…npm uninstall -g webpack# 这个注释还是给小白看的# 为什么要局部全局删除webpack# 因为你可能在安装webpack时不确定自己是全局安装# 还是本地安装,所以建议先执行全局删除命令# 然后在执行下面的本地删除命令删除本地webpacknpm un webpack# 这时候小白的webpack是删除完成了# 还没完看下面怎么说幸运的话,你已经成功了,测试webpack -v但是,实际中可能发现无论怎么重复上述步骤,依然不成功,webpack -v 下依然存在,那么该怎么办呢?——删除nodejs跟npm,所谓皮之不存毛将焉附!上述路径下即是删不掉的旧版本,删除操作:
如何从Windows中删除Node.js:
1.从卸载程序卸载程序和功能——推荐用360软件管家,清除注册表项。2.重新启动(或者您可能会从任务管理器中杀死所有与节点相关的进程)。3.寻找这些文件夹并删除它们(及其内容)(如果还有)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:C:\Program Files (x86)\NodejsC:\Program Files\NodejsC:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。5.如果仍然没有卸载,请where node在命令提示符下键入,您将看到它所在的位置 - 删除(也可能是父目录)。1.卸载 1.将node的安装目录nodejs文件夹清空 2.查找.npmrc文件删除(在用户文件夹下)2、nodejs在Win10下的安装:
- nvm(Node.js Version Manager):解决多版本共存,切换问题
- npm(Node.js包管理器):解决Node.js模块安装问题,其本身也是一个Node.js模块
- nrm(Node.js Registry Manager):解决npm镜像访问慢的问题,提供测速,切换registry功能
Node 的模块管理器 npm 会一起安装好。由于 Node 的官方模块仓库网速太慢,模块仓库需要切换到阿里的源。即下面一种方法,不安装 cnpm 只用淘宝镜像,设置 npm 的镜像:$ npm config set registry https://registry.npm.taobao.org/执行下面的命令,确认是否切换成功。$ npm config get registry
windows系统下如何安装多版本node
希望能够在同一台机器上安装多个版本的nodejs(至少两个:稳定版和最新版)。稳定版用来在实际生产项目中使用,最新版本用来研究nodejs的新特性、踩坑:
nvm-windows的地址
nvm-windows的github地址: https://github.com/coreybutler/nvm-windows 安装包下载地址: https://github.com/coreybutler/nvm-windows/releases1、安装包:v1.1.0 setup版 安装nvm及测试:
3、 nvm常用命令(命令行执行):nvm install latest //安装最新版本的node.js;node -v 查看node.js的版本号nvm list //列出所有已经安装的node.js版本号nvm use [版本号] //使用哪一个版本的node.js;使用哪一个版本第二步的path下的nodejs快捷方式就指向哪个版本的nodejs模块nvm node_mirror [url] //设置node下载源,不写url设置回默认,默认是https://nodejs.org/dist/nvm npm_mirror [url] //设置npm下载源,不写url设置回默认,默认是https://github.com/npm/npm/archive/nvm install [arch] //安装指定版本的node.js,version可通过上面的地址查看,acrh系统多少位(32或者64,不写默认64)bug:nvm安装nodejs,一定要确保安装成功,无临时目录,确保网络是好的,防止被墙。4.nrm的安装(npm registry manager,即npm的下载源管理工具)npm install nrm -g //安装nrmnrm ls //显示所有可用的下载源nrm use [xxx] //使用指定的下载源npm小知识:npm install X:会把X包安装到node_modules目录中不会修改package.json之后运行npm install命令时,不会自动安装Xnpm install X –save:会把X包安装到node_modules目录中会在package.json的dependencies属性下添加X之后运行npm install命令时,会自动安装X到node_modules目录中之后运行npm install –production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中npm install X –save-dev:会把X包安装到node_modules目录中会在package.json的devDependencies属性下添加X之后运行npm install命令时,会自动安装X到node_modules目录中之后运行npm install –production或者注明NODE_ENV变量值为production时,不会自动安装X到node_modules目录中使用原则:运行时需要用到的包使用–save,否则使用–save-dev。3、webpack的版本选择webpack版本的选择主要依赖几个要素:
- 跟ArcGIS API for JavaScript 的兼容性——重点关注官网示例
- 跟VUEJS的兼容性——重点关注vue-cli的兼容性
- 版本的成熟度跟主流趋势——确保稳定及不过时