Vue脚手架安装

安装包下载

安装包可以去官网下载（官网地址），建议下载稳定版。

2. 选择安装目录

选择安装到一个，没有中文，没有空格的目录下（新建一个文件夹NodeJS）

3. 验证NodeJS环境变量

NodeJS 安装完毕后，会自动配置好环境变量，我们验证一下是否安装成功，通过： node -v

4. 配置npm的全局安装路径

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set prefix "E:\develop\NodeJS"

注意：E:\develop\NodeJS 这个目录是NodeJS的安装目录

5. 切换npm的淘宝镜像

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set registry https://registry.npm.taobao.org

6. 安装Vue-cli

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm install -g @vue/cli

这个过程中，会联网下载，可能会耗时几分钟，耐心等待。

7.错误

我在安装过程中遇到了一个错误即：

npm ERR! code EPERM
npm ERR! syscall mkdir
npm ERR! path D:\NodeJs\node_modules\@vue
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, mkdir 'D:\NodeJs\node_modules\@vue'
npm ERR!  [Error: EPERM: operation not permitted, mkdir 'D:\NodeJs\node_modules\@vue'] {
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'mkdir',
npm ERR!   path: 'D:\\NodeJs\\node_modules\\@vue'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\XXX\AppData\Local\npm-cache\_logs\2023-08-10T04_47_50_166Z-debug-0.log

结局方案总结：

1. 以管理员身份运行命令：如错误信息建议，你可以尝试以管理员身份打开命令提示符或终端，然后再次运行 npm 命令。

2. 检查杀毒软件或其他软件：有时，杀毒软件或其他安全程序可能会干扰文件操作。确保你的杀毒软件没有阻止 npm 进程。你可能需要暂时禁用它或将 npm 添加为例外。

3. 检查目录权限：确保你具有在指定位置 (D:\NodeJs\node_modules) 创建目录和文件的必要权限。你可以检查目录及其父目录的权限。如有需要，你可能需要授予自己（或运行 npm 的用户）所需的权限。

4. 清理 npm 缓存：有可能某些损坏的缓存文件导致问题。你可以尝试运行以下命令清理 npm 缓存：

npm cache clean --force

5. 使用不同目录：如果问题仍然存在，你可以尝试更改 npm 包的安装目录。可以使用以下命令将全局 npm 目录设置为不同的位置：

npm config set prefix /path/to/alternate/directory

6. 更新 npm：确保你使用的是最新版本的 npm。过时的版本可能存在错误或问题，在新版本中可能已经得到解决。可以使用以下命令更新 npm：

npm install -g npm