准备两台电脑,一台能上网,一台开发机器(不能上网)。
两台电脑分别安装最新版Nodejs的包管理器,以便使用npm命令。(备注:Nodejs自带npm)
资源下载
在有网的电脑中启动cmd,输入命令"npm config set registry=http://registry.npm.taobao.org "配置镜像站,(也可以不用配置,根据自己网络确定情况)。
在cmd中,输入"npm install vue -g",下载到全局路径node_modules文件夹下。
在cmd中,输入"npm install vue-router -g",下载到全局路径node_modules文件夹下。
在cmd中,输入"npm install webpack -g",下载到全局路径node_modules文件夹下。
在cmd中,输入"npm install vue-cli -g",下载到全局路径node_modules文件夹下。注意:vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目,他的配置并不全放在根目录下的 webpack.config.js 中。
在cmd中,输入"npm install webpack-dev-server -g",下载到全局路径node_modules文件夹下。注意:是为了规避错误"执行 node start env提示 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序"。
在cmd中,输入"npm install -D webpack-cli -g",下载到全局路径node_modules文件夹下。注意:是为了规避错误“Cannot find module 'webpack/bin/config-yargs'”。
在cmd中,输入"npm install html-webpack-plugin -g",下载到全局路径node_modules文件夹下。注意:是为了规避错误“Cannot find module 'html-webpack-plugin'”。
下载后的文件在"C:\Users\XXX账户文件夹\AppData\Roaming\npm\node_modules"。
资源迁移
拷贝有网电脑的"C:\Users\XXX账户文件夹\AppData\Roaming\"中的"npm"和"npm-cache"两个文件夹到开发机的相同路径。
拷贝有网电脑的"C:\Users\XXX账户文件夹\"中的".vue-templates"到相同路径。(如果不存在,则执行"vue init webpack XXX文件夹",将会自动生成)
方法一:项目离线创建
在开发机中启动cmd,cd到指定目录。eg:输入"d:",到d盘;输入"cd projectA",到项目所在文件夹下。
输入命令"vue init webpack XXX文件夹 --offline",注意:XXX文件夹,指的是将要创建的存储文件夹。
按照步骤完成操作:(Vue build 改为选择runtime;最后一个选择Yes,use npm) 
输入命令"cd XXX文件夹",运行npm install安装依赖。
输入命令"npm run dev",启动项目。
输入命令"npm run build",建立index.html启动项。
如果有错误:全局安装的 webpack运行时 报错 Error: Cannot find module 'webpack'。解决方法:添加系统环境变量,变量名为:NODE_PATH;变量值为:你的npm下的node_modules文件夹绝对路径。
方法二:项目迁移
在有网电脑按照方法一创建项目。
将项目文件夹拷贝到开发机上运行即可。

参考文档:https://blog.csdn.net/qq_35735344/article/details/85121870

转载于:https://www.cnblogs.com/xiaofenguo/p/11512061.html

离线电脑搭建开发环境相关推荐

  1. 《iOS 8开发指南(第2版)》——第1章,第1.3节工欲善其事,必先利其器——搭建开发环境...

    本节书摘来自异步社区<iOS 8开发指南(第2版)>一书中的第1章,第1.1节1.3 工欲善其事,必先利其器--搭建开发环境,作者 管蕾,更多章节内容可以访问云栖社区"异步社区& ...

  2. 手把手教你搭建开发环境之Java开发

    大家好呀,从今天开始,我们的手把手系列教程就正式开始啦. 如果你觉得本文对你有一些帮助,欢迎大家关注.点赞.分享给需要的小伙伴们,谢谢大家啦. 前言 Java虽然是一个比较老的语言,但到现在依然充满了 ...

  3. Android开发实战一之搭建开发环境-附测试实例(已亲测)

    使用JDK.Android SDK.Eclipse + ADT搭建开发环境      附测试实例     (已亲测) ----------------------------------------- ...

  4. 探索MicroPython(二)--搭建开发环境

    搭建开发环境 1. 简述 2. 安装Python3 3. 安装Mu 4. 安装驱动 5. 更新固件 6. 运行程序 1. 简述 pyBoard上使用了STM32自身flash的一定空间作为U盘与电脑进 ...

  5. 初学编程者如何摆脱搭建开发环境的困扰?

    点击上方"CSDN",选择"置顶公众号" 关键时刻,第一时间送达! 你是否也有过类似惨痛的经历:一不小心设错一个环境参数或路径,代码就死活也跑不起来:明明严格按 ...

  6. Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境

    原文:Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境 Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同, ...

  7. Python搭建开发环境

    前言 本章节将向大家介绍如何在本地搭建 Python3 开发环境. Python3 可应用于多平台包括 Windows.Linux 和 Mac OS X.每种环境安装都有不同,我这里给大家介绍的是 W ...

  8. spring4 搭建开发环境

    spring4 搭建开发环境 添加spring软件 从网上下载 springsource-tool-suite-3.9.9.RELEASE-e4.12.0-updatesite,我这里用的是3.9.9 ...

  9. 从零学Java(2)之搭建开发环境

    目录 从零学Java(8)之变量 从零学Java(7)之数据类型 从零学Java(6)之字面量和常量 从零学Java(5)之关键字和保留字 从零学Java(4)之编程规范 从零学Java(3)之第一个 ...

最新文章

  1. 对象存储、块存储、文件存储的区别
  2. 【CyberSecurityLearning 72】DC系列之DC-3渗透测试(Joomla)
  3. Maven入门指南② :Maven 常用命令,手动创建第一个 Maven 项目
  4. 【计算机图形学】实验:VB.net环境下的绘制贝赛尔(Bezier)自由曲线完整实验操作步骤
  5. 阻塞队列-BlockningQueue
  6. stm32f103c8t6--sd卡的读写flash地址空间的数据读取
  7. 大学生计算机水平怎么提高,大学生如何提高计算机能力
  8. Neo4j 构建简单农业知识图谱(Agriculture KnowledgeGraph)
  9. junit5_JUnit 5测试中的临时目录
  10. APICloud前端框架
  11. PowerMockito Mock私有方法
  12. 码住,这4个宝藏资源网站,让你工作娱乐两不误
  13. 查找算法与排序算法之Python实现
  14. 使用CSS画出漂亮的弧线
  15. Calico 报错 calico/node is not ready: BIRD is not ready: BGP not established with(导致 K8S 集群网络无法使用)
  16. Hard Voting 与 Soft Voting 的对比
  17. BCG 使用之CBCGPProgressDlgCtrl进度条使用
  18. 计算机主机箱中所有配件,电脑主机内部有哪些配件
  19. Proteus8.9 VSM Studio Keil编译器仿真AT89C51RD2系列018_lcd12864竖屏
  20. 必看,如何读懂软件测试报告

热门文章

  1. 一只青蛙一次可以_“七夕青蛙”被玩坏了,哈哈哈哈哈哈哈哈哈哈太好玩了
  2. 对电机油冷分析_油冷电驱汇总(Tesla/Nidec/大众MEB/雪佛兰/华为)
  3. c语言字符数组赋值_C语言关于结构体字符成员元素赋值的方法
  4. 计算机图形学开发框架,计算机图形学-基于3d图形开发技术
  5. java panel画椭圆_如何在Java 2D中绘制椭圆?
  6. MySQL有sqldependency_SqlDependency的局限性是什么
  7. java中常见英文单词_JAVA中常见的英文单词
  8. vue echarts div变化_数据可视化之echarts在Vue中的使用
  9. faiss python安装_如何在ubuntu 18.04上安装faiss GPU
  10. 系统学习机器学习之特征工程(三)--稀疏特征之FM算法