vue-cli3的安装与卸载

原创已于 2023-05-19 22:27:18 修改 · 853 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2023-02-24 21:22:38 首次发布

Vue系列专栏收录该内容

13 篇文章

订阅专栏

本文提供了VueCLI的安装和卸载方法，包括如何安装最新版本和特定版本，以及如何卸载已安装的VueCLI全局包。用户可以通过npm命令行工具进行操作，例如使用`npminstall-g@vue/cli`来安装最新版，或者用`npmuninstall-g@vue/cli@版本号`来卸载特定版本。

一、安装

# 安装最新版本
npm install -g @vue/cli

# 安装指定版本
npm install -g @vue/cli@3.11.0

二、卸载

# 卸载最新版本
npm uninstall -g @vue/cli

# 卸载指定版本
npm uninstall -g @vue/cli@3.11.0

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YYAugenstern

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue--》超详细教程——vue-cli脚手架的搭建与使用

ztK63LrD的博客

11-14

5511

它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。

vue-cli 2.6.9 安装卸载及创建一个工程

Mihu_Tutu的博客

10-21

487

文章目录1. npm 环境调试2.npm 注册淘宝镜像3. vue cli安装卸载4. vue-cli webpack 创建一个项目（vue-cli 2.9.x） 1. npm 环境调试 node.js安装 http://nodejs.cn/download/ 选择对应的版本下载安装。管理员身份运行 cmd 查看 npm -v 2.npm 注册淘宝镜像临时使用 npm --registry https://registry.npm.taobao.org install express 2.持久使用

参与评论您还未登录，请先登录后发表或查看评论

卸载vue2.0并升级vue_cli3.0的实例讲解

11-21

今天来学习vue3.0，之前使用的是vue2.0现在用3.0的话你可以升级，也可以卸载再重装.我这里就是卸载重装啦。第一步我们卸载全局的vue2.0 。你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般情况下肯定是会卸载完毕的我们来进行vue.30的安装打开命令行输入npm install -g @vue/cli-init 这个就是会安装全局的vue3.0版本。安装好之后我们也可以vue -V查看当前

Vue CLI 3（一）——从卸载Vue CLI 2开始搭建新VUE项目并同时使用Vue CLI 2

JENIFURS的博客

11-02

1万+

Vue CLI 3问世后，因为公司项目紧张，一直没有机会学习。在项目上线后，本人终于抽出时间来自学一下。下面记录本人从卸载Vue CLI 2更新Vue CLI 3开始，一步步搭建VUE项目，并同时能用Vue CLI 2 启动Vue CLI 2搭建的项目。注：本人电脑MAC。一、卸载Vue CLI 2，安装Vue CLI 3： 1.关于旧版本： Vue CLI 的包名称由 vue-cl...

vue Cli 环境删除与重装教程 - 版本文档

10-14

主要介绍了vue Cli 环境删除与重装教程 - 版本文档，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

（终极方法）关于卸载vue3的版本

qq_41536556的博客

04-15

2337

卸载vue的终极方法

Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）

热门推荐

逆境清醒的博客

03-19

13万+

Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录

Mac Vue脚手架vue-cli 安装&卸载

m0_73783485的博客

08-10

975

Vue Mac脚手架安装与卸载和本地安装全局安装及cmd指令

vue-cli2.0转3.0之项目搭建的详细步骤

10-17

接着，安装 Vue CLI 3.0。有两种方式，可以使用 npm 或者 yarn： ```bash npm install -g @vue/cli # 或者 yarn global add @vue/cli ``` 创建项目时，Vue CLI 3.0 提供了更为简洁的命令： ```bash vue create ...

vue-cli2,vue-cli3（vue脚手架）超详细教程

m0_67392126的博客

03-09

487

文章目录 vue-cli脚手架 Node.js环境安装 vue-cli2的安装 npm，cnpm介绍安装脚手架用脚手架生成项目目录 vue-cli3的安装使用vue-cli3图形界面 vue-cli脚手架顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作，具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板，注入依赖，还是模拟生产环境等功能，vue-cli都具

vue-cli3安装卸载一条龙

我与代码的故事

05-10

1700

百度搜到的虚假文章太多了，特地来写一个正确的。 1.先查看本地是否有安装vue-cli： vue -V 2.本地有，为了演示安装，先卸载了，vue-cli3的卸载指令： npm uninstall @vue/cli -g 3.安装vue-cli3: npm install @vue/cli@3.5.3 -g 4.vue成功效果： vue -V 汇总：检查、卸载、安装、检验一条龙 ...

vue cli 的卸载和安装

weixin_44711823的博客

03-12

2441

今天本来想使用 vue create 项目名称来创建 vue 的项目,结果提示是 vue cli 2.9.6 版本无法使用此命令,需要升级成 vue cli 3 及以上。命令就没用了,其实这样就可以进行安装了(但是保险起见我还是再次执行了 npm uninstall vue-cli -g)这个只是我个人在摸索过程中的一些操作,希望可以帮到你,不一定完全正确,仅供参考。如果想要安装新的版本的话,需要先卸载原有的 vue cli 2.9.6 版本。的命令,去查看 vue 的安装路径在哪,删除掉。

Vue-cli卸载(全)

m0_58697127的博客

02-14

2万+

Vue-cli卸载包含vue-cli2和vue-cli3

安装与卸载vue cli3

qq_44723773的博客

01-30

1681

npm install -g @vue/cli npm uninstall -g @vue/cli@特定版本 yarn global add @vue/cli yarn global remove @vue/cli@特定版本

vue3（九）脚手架安装&卸载

2301_76510083的博客

03-03

1621

1.查看全局安装的框架（以下3个命令都可）2.卸载低版本的脚手架。3.卸载高版本的脚手架。

Vue3卸载安装

yaalaw的博客

02-05

6152

卸载命令 cnpm uninstall -g @vue/cli 或 npm uninstall -g @vue/cli 很容易出现npm ERR! code EEXIST错误处理方式1：去全局安装目录删除@vue/cli得node_modules目录再去执行就卸载成功了安装vue3 npm install vue@next npm install -g @vue/cli 安装脚手架 ...

win10上vue 安装、卸载、升级

啦卡的博客

05-31

1万+

1、vue 卸载 2、vue 安装 2.1、安装 node.js https://nodejs.org/en/download/ 下载完毕，按照windows一般应用程序，一路next就可以安装成功，建议不要安装在系统盘 2.2、设置global和cache路径说明：设置路径能够把通过npm安装的模块集中在一起，便于管理。（1）在nodejs的安装目录下，新建node_global和node_cache两个文件夹（2）设置global和cache npm..

实验二学习Vue-cli的安装和使用实验学时：2 实验类型：设计一、目的与任务目的：学习基于Vue-cli的安装和使用任务: 完成基于Vue-cli脚手架的搭建并使用二、内容、要求与安排方式 1、实验内容与要求：首先需要在官网安装配置、Node.js环境之后安装好NPM包管理工具通过npm指令安装Vue-cli脚手架安装成功后通过vue create xxx 构建Vue-cli项目项目构建成功之后通过运行指令使用项目要求通过该实验的练习，理解掌握Vue-cli的安装和基本使用，了解Vue-cli脚手架的构建目录具体操作步骤： 1.安装配置node.js和NPM包管理工具 2.通过Npm安装Vue-cli脚手架 3.通过vue指令创建Vue-cli项目 4.通过运行指令使用Vue-cli脚手架 2、实验安排方式：上机编码。

最新发布

03-18

<think>好的，我现在需要帮用户处理关于“实验二学习Vue-cli的安装和使用”的请求。首先，我要仔细阅读用户提供的实验内容，理解他们的需求。用户希望得到一份详细的实验指导，包括安装步骤、项目创建和运行等。同时，用户可能是一名教师或学生，需要结构清晰、步骤明确的实验指南，方便在课堂上或自学时使用。首先，我需要回顾之前用户的历史对话。上一次用户询问了Vue CLI的安装和使用，我提供了基本的安装步骤和创建项目的方法，并回答了相关问题。现在用户提供的实验要求更详细，包含了实验的目的、任务、内容和具体步骤，可能还需要更结构化的指导，比如分步骤的说明、代码示例以及注意事项。接下来，我需要确保回答符合用户提供的实验要求。实验分为四个主要步骤：安装Node.js和npm、安装Vue CLI、创建项目、运行项目。每个步骤都需要详细的说明和命令示例，确保学生能够按照步骤操作。此外，用户提到要理解目录结构，所以可能需要解释生成的项目目录，帮助学生了解各个文件和文件夹的作用。同时，用户可能希望实验指导中包含验证步骤，比如如何检查安装是否成功，如何确认项目运行正常。需要注意可能的常见问题，例如旧版本Vue CLI的存在如何处理，这在上次对话中已经涉及，可能需要在这里简要提及或引导参考之前的问题。另外，实验安排方式是上机编码，所以步骤需要具体、可操作，避免遗漏关键细节。例如，在安装Node.js和npm时，需要提醒用户下载正确的版本，并验证安装是否成功。安装Vue CLI时，要使用-g全局安装，并检查版本。创建项目时，可能需要解释默认配置和手动配置的区别，但根据实验要求，可能建议使用默认配置以简化步骤。最后，要确保使用中文，代码块使用正确的格式，行内数学表达式用$...$，独立公式用$$...$$，但在这个问题中可能不太涉及数学公式，所以主要关注代码块的正确格式。另外，结构要清晰，分步骤说明，使用标题和子标题，帮助用户逐步完成实验。可能的遗漏点包括：是否需要在安装Vue CLI前卸载旧版本？用户之前的问题中提到过，所以可能需要在这里加入提示，比如如果之前安装过旧版，使用npm uninstall -g vue-cli来卸载，然后再安装新版。此外，项目运行后的访问步骤，可能需要详细说明浏览器访问的URL，以及如何停止服务。总结，我需要按照实验的结构，分步骤详细说明，提供命令示例，解释目录结构，并包含验证步骤和常见问题提示，确保学生能够顺利完成实验，达到理解Vue CLI安装和使用的目的。</think>以下是针对 **实验二：学习Vue-cli安装和使用** 的详细实验指导，按照实验报告格式整理： --- ### **实验二：学习Vue-cli的安装和使用** **实验学时：2** **实验类型：设计** --- #### **一、目的与任务** 1. **目的** - 掌握基于Vue-cli的安装与使用流程。 - 理解Vue-cli脚手架在项目开发中的作用。 2. **任务** - 完成Node.js和npm的环境配置。 - 安装Vue-cli脚手架工具。 - 使用Vue-cli创建并运行一个基础项目。 --- #### **二、实验内容与要求** 1. **核心步骤** - 安装Node.js和npm包管理工具。 - 通过npm全局安装Vue-cli脚手架。 - 使用`vue create`命令创建Vue项目。 - 运行项目并验证结果。 2. **具体要求** - 掌握环境配置与工具安装方法。 - 熟悉Vue-cli生成的项目目录结构。 - 能够独立完成项目创建与启动。 --- #### **三、实验步骤与操作** ##### **步骤1：安装Node.js和npm** 1. **下载Node.js** - 访问官网：[Node.js下载页](https://nodejs.org/zh-cn/) - 选择**长期支持版本（LTS）**下载并安装。 2. **验证安装** - 打开终端（Windows：CMD/PowerShell；Mac/Linux：Terminal），输入以下命令： ```bash node -v # 查看Node.js版本 npm -v # 查看npm版本 ``` - 若显示版本号（如：`v16.14.0`），则安装成功。 --- ##### **步骤2：安装Vue-cli脚手架** 1. **全局安装Vue-cli** - 在终端执行以下命令： ```bash npm install -g @vue/cli ``` - `-g`表示全局安装，确保所有项目均可使用。 2. **验证安装** - 输入命令检查版本： ```bash vue --version ``` - 若显示版本号（如：`@vue/cli 5.0.8`），则安装成功。 --- ##### **步骤3：创建Vue-cli项目** 1. **初始化项目** - 在目标目录下执行命令（以项目名`my-vue-project`为例）： ```bash vue create my-vue-project ``` 2. **选择配置** - **默认配置（推荐）**：按回车键选择`Default (Vue 3)`。 - **手动配置**：选择`Manually select features`（实验可选默认配置）。 3. **等待依赖安装** - 脚手架会自动生成项目文件并安装依赖包。 --- ##### **步骤4：运行项目** 1. **进入项目目录** ```bash cd my-vue-project ``` 2. **启动开发服务器** ```bash npm run serve ``` - 终端会输出本地访问地址（如：`http://localhost:8080/`）。 3. **验证运行结果** - 浏览器打开`http://localhost:8080`，若显示Vue欢迎页面，则项目运行成功。 --- ##### **步骤5：理解项目目录结构** 生成的目录关键文件说明： - `src/`：源代码目录（组件、路由等均在此）。 - `public/`：静态资源（HTML模板、图标等）。 - `package.json`：项目依赖配置。 - `node_modules/`：依赖包存放位置。 --- #### **四、实验总结** 1. **核心掌握** - 环境配置（Node.js、npm、Vue-cli）。 - 脚手架项目创建与运行流程。 - 项目目录结构的含义。 2. **常见问题** - **安装失败**：检查网络或切换npm镜像源（`npm config set registry https://registry.npm.taobao.org`）。 - **旧版本冲突**：卸载旧版Vue-cli（`npm uninstall -g vue-cli`）后重新安装。 --- #### **五、扩展思考** 1. 如何通过`vue ui`图形界面创建项目？ 2. 如何为项目添加Vue Router或Vuex？通过本实验，可快速掌握Vue-cli的基础使用，为后续复杂项目开发奠定基础。