sudo npm install vue -g和sudo npm install -g @vue/cli两个都要安装吗

时间: 2023-09-28 10:11:01 浏览: 96

一份超级详细的Vue-cli3.0使用教程【推荐】

主要内容：零配置启动/打包一个 .vue 文件详细的搭建过程重点推荐：使用图形化界面创建/管理/运行项目安装：卸载旧版本：如果你事先已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先卸载它: npm uninstall vue-cli -g Node版本要求： 3.x需要在 Node.js 8.9或更高版本(推荐8.11.0+)，点击这里可以安装node 大多数人都安装过了node,使用下面的命令行查询你的node版本 : node -v 如果你的版本不够，可以使用下面的命令行来把 Node版本更新到最新的稳定版： npm install - Vue-cli 3.0 是一个基于 Vue.js 的命令行工具，用于快速搭建 Vue 项目。它的主要特点是零配置启动和高度可配置性，使得开发者能够更便捷地构建和打包 Vue 应用。以下是对 Vue-cli 3.0 的详细解释： 1. **零配置启动/打包 .vue 文件**： Vue-cli 3.0 提供了一个简单的命令行工具，允许开发者通过 `vue serve` 命令快速启动一个开发服务器，并且通过 `vue build` 命令打包项目。例如，你可以输入 `vue serve App.vue` 来启动一个服务，`vue build App.vue` 来生成生产环境的包。这个特性使得开发者可以专注于编写 Vue 代码，而不必关心配置细节。 2. **安装与升级**：在安装 Vue-cli 3.0 之前，可能需要先卸载旧版本（如 1.x 或 2.x），使用 `npm uninstall vue-cli -g` 命令。确保 Node.js 版本在 8.9 或更高，推荐使用 8.11.0+。如果需要升级 Node.js，可以使用 `npm install -g n` 安装 n 模块，然后执行 `n stable` 来更新到最新稳定版。安装 Vue-cli 3.0 的命令是 `npm install -g @vue/cli`，并且可以通过 `vue --version` 查看版本。 3. **图形化界面创建/管理/运行项目**： Vue-cli 3.0 引入了图形化界面 (GUI)，让开发者可以通过界面操作创建、管理、运行项目，这对于不熟悉命令行的用户非常友好。 4. **第一次创建项目**：使用 `vue create` 命令创建项目，例如 `vue create hello-cli3`，会自动创建一个名为 hello-cli3 的文件夹。在创建过程中，可以选择默认配置或手动配置项目特性。手动配置时，可以选择需要的功能，如 TypeScript、PWA、Vue Router、Vuex、CSS 预处理器、Linter/Formatter、单元测试和端到端测试等。此外，还可以选择 CSS 预处理器，如 SCSS/SASS、LESS 或 Stylus。 5. **路由配置**：如果选择了 Vue Router，还会有额外的配置选项，例如是否使用 History 模式。History 模式通常用于SPA应用，但可能需要服务器配置来正确处理路由。 6. **配置保存**：在手动选择配置后，可以保存当前配置，便于以后快速创建相同配置的新项目。 7. **项目结构**：创建的项目通常包含 `src` 目录，其中包含 `App.vue` 文件以及其他组件、样式、脚本等。`node_modules` 存放依赖库，`dist` 文件夹在打包后生成，包含部署到生产环境的静态资源。 8. **热更新与ES6支持**： Vue-cli 3.0 的开发服务器支持 ES6 语法和热更新，这允许开发者快速迭代代码并实时查看更改效果，提升开发效率。 Vue-cli 3.0 提供了一套全面的工具集，简化了 Vue 项目的初始化和构建过程，使开发者能够更加专注于应用逻辑，而非构建流程。其零配置启动、图形化界面和高度定制化选项，极大地提升了开发者的开发体验。

如果你想要使用Vue.js框架来开发应用程序，那么需要安装`sudo npm install vue -g`。如果你想要使用Vue CLI来快速搭建Vue.js应用程序的脚手架和工具链，那么需要安装`sudo npm install -g @vue/cli`。也就是说，这两个命令都可以安装，但是安装的目的不同。

阅读全文

sudo npm install vue -g和sudo npm install -g @vue/cli两个都要安装吗

相关推荐

Vue-cli快速搭建与Webpack打包详解

Vue-cli搭建与router路由护卫实战

sudo npm install vue -g 安装vue sudo npm install -g @vue/cli 安装脚手架

sudo npm install vue -g安装慢怎么办

npm install -g @vue/cli安装报错

npm install -g @vue/cli安装太慢

npm install -g @vue/cli报错

npm install -g @vue/cli 报错

sudo npm i @vue/cli -g 报错66

npm install -g @vue/cli 需要配置环境变量吗

安装npm install vue -g报错

npm install vue -g安装失败

npm install vue -g 报错

npm install -g vue-cli安装报错

接上个问题，出现npm ERR! Linux 4.15.0-206-generic npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install" "-g" "@vue/cli"怎么解决

npm install -g vue-cli报错

Error: command failed: npm install --loglevel error vue-cli-plugin-element -D --legacy-peer-deps

如何安装@vue/cli

最新推荐

GitHub图片浏览插件：直观展示代码中的图像

管理建模和仿真的文件

【OPPO手机故障诊断专家】：工程指令快速定位与解决

求[100，900]之间相差为12的素数对（注：要求素数对的两个素数均在该范围内）的个数

Android IPTV项目：直播频道的实时流媒体实现

"互动学习：行动中的多样性与论文攻读经历"

【OPPO手机工程模式终极指南】：掌握这些秘籍，故障排查不再难！

前端在json文件里写模板，可以换行 有空格现在在文本框的时候

机器学习在医院再入院率预测中的应用分析

关系数据表示学习

前端在json文件里写模板，可以换行有空格现在在文本框的时候