vue-cli离线安装

### 如何在离线环境下安装 Vue CLI

为了实现在离线环境中成功安装并使用 Vue CLI，需先在线机器上准备好必要的资源包，并将其转移至目标离线计算机。

#### 准备阶段：在线环境操作
于具备网络连接的设备执行如下指令来全局安装 `@vue/cli` 工具[^3]:

npm install -g @vue/cli

完成上述步骤之后，在同一台联网电脑上创建一个新的Vue项目以下载模板依赖到本地缓存中。这一步骤会自动处理所有必需的依赖关系并将它们存储在NPM的全局缓存路径下：

vue create my-project-name --default

此时关闭此项目构建过程即可，无需等待其完全结束。

#### 转移准备好的资源到离线机
将位于用户目录下的 `.vuerc`, `node_modules`, 和 NPM全局缓存中的数据拷贝下来。对于Windows操作系统而言，默认位置通常是在:

C:\Users\<YourUsername>\AppData\Roaming\npm\
C:\Users\<YourUsername>\AppData\Roaming\npm-cache\

以及个人用户的根目录内的隐藏文件夹`.vuerc`。确保这些被复制到了离线使用的相同路径处。

#### 离线环境设置
一旦所有的必要文件都已传输完毕，则可以在无网状态下通过命令行工具访问之前已经预加载过的Vue CLI服务端口。由于所有所需的库都已经提前获取好并且放置进了适当的位置，因此即使处于断开互联网的状态也应该能够正常运作。

当尝试初始化新项目时可以指定使用本地存在的模版而不需要再次从网上拉取最新版本的信息。例如利用旧有的webpack模板建立工程可以通过下面的方式实现（注意这里的`<project_name>`应替换为你想要给项目的实际名称）[^2]:

vue init webpack <project_name> --offline

这样就完成了整个流程，允许开发者在一个完全没有外部网络接入的情况下继续开展基于Vue框架的应用程序开发工作。