内网搭建vue环境.doc

内网搭建 Vue 环境 本资源介绍了如何在内网环境中搭建 Vue 开发环境，包括准备工作、资源下载、资源迁移和项目创建等步骤。通过本资源，你将学习到如何在内网环境中安装 Nodejs、配置镜像站、下载 Vue 相关依赖项、迁移资源文件和创建 Vue 项目。 一、准备工作 在开始搭建 Vue 环境之前，需要准备两台电脑，一台能上网，一台开发机器（不能上网）。这两台电脑分别安装最新版 Nodejs 的包管理器，以便使用 npm 命令。 二、资源下载 在有网的电脑中，启动 cmd，配置镜像站，下载 Vue 相关依赖项，包括 Vue、Vue-router、Webpack、Webpack-cli、Webpack-dev-server 和 Html-webpack-plugin 等。这些依赖项将被下载到全局路径 node_modules 文件夹下。 三、资源迁移 在将资源文件迁移到开发机器上，需要拷贝有网电脑中的 "C:\Users\XXX 账户文件夹\AppData\Roaming\" 中的 "npm" 和 "npm-cache" 两个文件夹到开发机的相同路径。同时，也需要拷贝有网电脑中的 ".vue-templates" 文件夹到开发机的相同路径。 四、项目创建 有两种方法来创建 Vue 项目，一种是离线创建项目，另一种是迁移已有项目。 方法一：项目离线创建 1. 在开发机中启动 cmd，cd 到指定目录。 2. 输入命令 "vue init webpack XXX 文件夹 --offline"，创建新的 Vue 项目。 3. 输入命令 "cd XXX 文件夹"，运行 npm install 安装依赖。 4. 输入命令 "npm run dev"，启动项目。 5. 输入命令 "npm run build"，建立 index.html 启动项。 方法二：项目迁移 1. 在有网电脑按照方法一创建项目。 2. 将项目文件夹拷贝到开发机上运行即可。 五、常见问题解决 在搭建 Vue 环境过程中，可能会出现一些错误，例如 "执行 node start env 提示 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序"，或者 "Cannot find module 'webpack/bin/config-yargs'" 等错误。这时，需要安装相应的依赖项，例如 Webpack-dev-server 和 Webpack-cli 等。 本资源提供了一份详细的指南，指导读者在内网环境中搭建 Vue 开发环境，从准备工作到资源下载、资源迁移和项目创建等步骤。通过本资源，读者将能够轻松地搭建 Vue 环境，开始 Vue 开发之旅。