系列文章目录

第一讲离线/内网环境下搭建vue开发环境

第二讲内网环境运行maven项目

外网环境搭建

一、安装nodeJS

二、安装vue依赖包

内网环境正式开始

准备工作：

一、安装nodeJS

二、内网安装vue离线依赖包

前言

最近接到一个项目，客户现场是全内网环境，只能vpn到客户内网，进到客户提供的华为云桌面进行开发。就是这么个情况，但是没办法，还得做事啊！现在形成文字加深印象，也把这段时间的成果记录一下，那开始吧！（ps：整个过程是在公司window电脑操作的，现在我在家里用mac pro写文章。截图有些不对，后面完善！）

外网环境搭建

一、安装nodeJS

先在我们自己的外网机上下载并安装node。（ps：node安装包在公司电脑里，后面再补）

二、安装vue依赖包

npm install -g @vue/cli
npm install -g webpack
npm install -g webpack-cli
npm install -g yarn

熟悉vue的同学，做完上面两步，vue开发环境基本就搭建好了。不过，今天我们是要搭建内网环境，现在才刚开始。

内网环境正式开始

准备工作：

把nodeJS安装包copy到内网

把npm-cache缓存目录复制到内网（npm-cache是npm安装过的全局依赖包目录）
查看缓存目录 npm config get cache

一、安装nodeJS

操作和验证安装成功参照外网是一样的。

二、内网安装vue离线依赖包

命令行使用 npm root -g 查看当前npm全局安装目录；

然后把 npm-cache 缓存目录复制到npm目录里面

npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false @vue/cli
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 yarn

最后，客户vue项目在内网git上，项目就不用新建，但是fetch下来之后无法启动，因为git上没有node_modules，得，在外网机上新建一个vue项目，进行install操作之后，把生成的node_modules复制到内网，这才把内网vue项目启动起来。

总结

以上就是今天要讲的内容，本文仅仅是自己工作中遇到的情况，按自己的理解进行介绍说明，如有不对的地方，欢迎指正。

离线/内网环境下搭建vue开发环境相关推荐

在Windows环境下搭建Android开发环境
标题:在Windows环境下搭建 Android 开发环境作者:CrazyPebble 时间:2011年2月28日声明:此文在参考其他网上资料以及笔者实践总结写下,一来自己可以做一些总结,二来给跟 ...
windows环境下搭建rabbitMQ开发环境
2019独角兽企业重金招聘Python工程师标准>>> windows环境下搭建rabbitMQ开发环境 1.下载与安装 erlang rabbitmq 是使用erlang语言开发的 ...
Windows环境和 Linux环境下搭建Qt开发环境
因为专业学习需要,专业开设了<linux桌面应用程序设计>课程,现在都快结课考试了,实验到了该提交的时候了,可是环境还没搭建起来,在网上找了好几次,好多都是需要去官网下载什么的,连接是一层 ...
Mac系统下搭建vue开发环境
1.首先安装brew /usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/in ...
windows环境下搭建python开发环境的方法_windows下python开发环境的搭建
首先我们来安装python 1.首先进入网站下载:点击打开链接(或自己输入网址https://www.python.org/downloads/),进入之后如下图,选择图中红色圈中区域进行下载. im ...
乐鑫Esp32学习之旅② 巧用eclipes编辑器，官方教程在Windows下搭建esp32开发环境，打印 “Hello World”。
本系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. 爬坑学习新旅程,虚拟机搭建esp32开发环境,打印 " ...
Windows下搭建ESP-IDF开发环境，适合ESP32/S2/C3/S3系列模组二次开发
前言本教程适用于以下两种用户: ①无Linux环境搭建经验或搭建Linux开发环境不成功: ②使用安信可windows一体化环境IDE V1.5开发环境搭建不成功: 本教程提供了windows下搭建 ...
Windows10 下搭建汇编语言开发环境（利用 DOSBOX 和 MASM32 ）
Windows10下搭建汇编语言开发环境(利用DOSBOX和MASM32):https://www.cnblogs.com/zyever/p/7919007.html 如何在win10 64位下搭载汇 ...
初探webpack之从零搭建Vue开发环境
初探webpack之搭建Vue开发环境平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码, ...

离线/内网环境下搭建vue开发环境

系列文章目录

前言

外网环境搭建

一、安装nodeJS

二、安装vue依赖包

内网环境正式开始

准备工作：

一、安装nodeJS

二、内网安装vue离线依赖包

总结

离线/内网环境下搭建vue开发环境相关推荐

最新文章

热门文章