怎么安装离线vue环境(怎么安装离线导航)

编辑：rootadmin

怎么安装离线vue环境

推荐整理分享怎么安装离线vue环境(怎么安装离线导航)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:怎么安装离线监控,怎么安装离线Net.3.5,怎么安装离线地图,怎么安装离线网卡驱动,怎么安装离线地图,怎么安装离线监控,怎么安装离线监控,怎么安装离线地图,内容如对您有帮助，希望把文章链接给更多的朋友！

离线搭建vue环境运行项目步骤

公司开发环境使用内网，无法用外网，搭建环境的时候，发现内网系统没有安装vue脚手架。

注意：首先保持外网node、npm和内网node、npm版本一致。npm被集成在nodejs中，而安装nodejs只需要把nodejs安装包copy到内网电脑安装。

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

npm install -g @vue/clinpm install -g typescriptnpm install vite -gnpm install -g pnpmnpm install --global webpacknpm install webpck-cli -g

2. 查看npm全局安装包的存放目录（外网电脑npm-cache缓存目录）

1）cmd运行命令:

npm config get cache

C:\Users\zhangliying\AppData\Local\npm-cache

2）进入目标目录下，找到目录下的文件夹npm-cache,复制U盘或者光盘中

3.内网全局安装目录

命令行运行 npm root -g 查看全局安装目录；然后把npm-cache缓存目录复制到npm目录里面（如果放到同级会报错）

进入全局目录（node_modules的上一级目录）,把npm-cache文件夹放进去

4. 在内网电脑上npm下运行安装命令，安装离线包：

npm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false @vue/clinpm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false typescriptnpm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpack-clinpm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false webpacknpm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false pnpmnpm install --cache ./npm-cache --optional --cache-min 99999999999 --shrinkwrap false vite

5.把vue项目复制到内网包括node_modules文件夹（注意 mac和windows依赖包不能共用）

6.查看全局命令是否正常 npm list -global --debth 0

正常：