离线安装vue脚手架，内网安装@vue/cli

公司开发环境使用内网，无法用外网，搭建环境的时候，发现内网系统没有安装vue脚手架，我搜了很多文章，发现他们的方法对我都不适用，然后就自己摸索，最终皇天不负有心人，终于被我安装上了，一下是我内网离线安装vue/cli的方法，希望能帮助到有需要的小伙伴！
因为npm被集成在nodejs中，而安装nodejs只需要把nodejs安装包copy到内网电脑安装就行，比较简单，这里就不多做演示。

在外网电脑上，使用npm install -g xxxx命令下载好我们所需要的各个安装包，比如：

npm install -g @vue/cli
npm install -g webpack
npm install -g webpack-cli
npm install -g yarn
npm install -g typescript
如果我们的电脑上已经装了这些环境依赖包，就不用重复下载了，直接进行第2步骤

查看npm全局安装包的存放目录
如果你知道自己npm安装目录，直接打开目录，如果不知道或者不确定，可以打开cmd命令行，通过以下命令查看npm安装包存放目录：

npm config get cache

我的npm安装目录在D盘，我自己改了默认安装路径，大部分人在C盘:C:user\AppData\Roaming\npm
3. 进入目标目录，找到目录下的文件夹npm-cache，复制一份：

4. 把复制好的npm-cache文件夹放到内网电脑上：(前提内网电脑已经安装了nodejs)
通过以下命令查看内网电脑的npm全局安装目录：

npm root -g

注意每个人的npm目录有所不同
进入npm全局目录E:\KF5188\AppData<Roaming>\npm，（node_modules的上一级目录）,把npm-cache文件夹放进去

我的npm目录下有其他文件，这里只做演示，其他文件不用在意，不影响
5. 在内网电脑上运行安装命令，安装离线包：

npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false yarn
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpack
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpack-cli
npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false @vue/cli
......

把vue项目复制到内网包括node_modules文件夹（注意 mac和windows依赖包不能共用）
查看全局命令是否正常 npm list -global --debth 0
正常

异常：

解决办法：

npm root -g命令找到npm文件夹
删除与npm目录同级的node_modules文件夹
把npm-cache文件夹放到npm目录里面
运行项目 yarn run serve

下面重点来了，如果以上办法安装不成功，往下看，如果安装成功请忽略

如果你进行到了第5，6，7步骤，还是没法安装成功，这里有个简单粗暴的办法，本人亲试是可以的！！！

在外网电脑上进入你的npm全局目录，步骤同第二步：找到npm和npm-cache两个文件夹，直接打包扔到内网上

在内网电脑上，找到npm安装路径，步骤同第四步npm root -g,把npm和npm-cache两个文件直接放进去替换掉原来的文件
计算机-右键属性-高级系统设置-环境变量-PATH-编辑

复制刚刚的npm文件夹路径，把npm路径粘贴进去，注意如果是win10（不含）以下的系统，粘贴路径之前要先在结尾处加一个英文的分号标点符号，以隔开上一个路径，点击确定-确定-确定

如果你已经进行到这里了，那么恭喜你，你离成功还有一步之遥！
最后一步我们要打开刚刚的npm目录：E:\KF5188\AppData\npm，进入node_modules的下一级目录npm，找到文件npmrc用记事本打开

把路径替换成我们npm的安装路径，保存关闭

此时我们再运行cmd命令窗口，发现我们的vue环境就成功安装好了！

最后，在此祝愿所有的小伙伴，永不脱发、永无bug!

参考文章：https://m.php.cn/vuejs/481497.html

离线安装vue脚手架，内网安装@vue/cli相关推荐

linux用rpm安装nginx,Linux内网安装nginx（rpm包安装方式）
然后,将下载好的rpm包放入服务器内,地址随意,进入对应目录,执行Linux命令: ( rpm -ivh rpm包的名字) rpm -ivh nginx-1.18.0-1.el7.ngx.x86_64 ...
linux安装xampp(可内网安装)
服务器搭建: 第一步安装: xampp官网下载地址:XAMPP Installers and Downloads for Apache Friends 选择自己的版本进行下载我用的是xampp-li ...
Java实现Http代理服务器通过http代理进行内网安装yum软件
Java实现Http代理服务器&通过http代理进行内网安装yum软件 1.Http代理服务器简介 2.Http代理服务器Java实现 2.1 Java源码 2.2 代码分析说明 3.通过ht ...
ubuntu内网安装软件
在生产环境中很少有连接外网的服务器,这里以ansible内网安装为例来介绍. 1.安装ansible(有外网) 1.ansible的安装包存在于ansible的PPA中,如果要下载PPA(个人软件包存 ...
win7 x86系统内网安装 IE11
win7 x86 系统内网安装 IE11 1.需求分析 2.前提条件 3.操作步骤 1.需求分析不同的 web 应用,浏览器的选择是不同的,因为我们的 web 系统开发年限比较久远,是基于 IE8 ...
ubuntu18安装Domoticz（内网穿透）和home assistant（docker安装）
文章目录一.ubuntu18安装Domoticz(内网穿透) 二.ubuntu18安装home assistant(docker) 1.安装宝塔面板.进入docker管理器,拉取home assis ...
vue脚手架依赖包安装不成功_Windows下vue-cli的搭建
1.vue-cli 是Vue的脚手架工具,windows 下要安装 vue-cli,必须先安装 node.js,才能使用npm. 在cmd里输入node -v,若能出现版本号,则表示已经安装,若不能, ...
Macbook 苹果电脑安装搭建Vue脚手架教程m1芯片Vue脚手架初学
Macbook 苹果电脑安装Vue脚手架教程 1.首先我们进入Node.js的官网,下载安装Node.js 如果你已经安装过可以忽略网址http://nodejs.cn/ 2.直接点击下载,这里我 ...
VUE脚手架介绍及安装教程
目录一.vue 是单文件组件 1.1之前注册组件有什么缺点 ? 1.2什么是单文件组件 :后缀为 .vue 的文件二.脚手架简介 2.1 webpack 三.脚手架介绍 3.1.vue-cli简介 ...

离线安装vue脚手架，内网安装@vue/cli

下面重点来了，如果以上办法安装不成功，往下看，如果安装成功请忽略

离线安装vue脚手架，内网安装@vue/cli相关推荐

最新文章

热门文章