入职必会-开发环境搭建30-Vue-cli环境下载和安装

简介: Vue CLI(Vue Command Line Interface)是一个官方发布的用于快速搭建基于 Vue.js 开发环境的工具。它可以帮助开发者快速搭建 Vue 项目、进行项目配置、构建等操作,让开发过程更加高效。

Vue-cli介绍

Vue CLI(Vue Command Line Interface)是一个官方发布的用于快速搭建基于 Vue.js 开发环境的工具。它可以帮助开发者快速搭建 Vue 项目、进行项目配置、构建等操作,让开发过程更加高效。

下面是 Vue CLI 的一些特性:

  1. 快速创建新项目:通过 Vue CLI 可以快速创建一个新的 Vue 项目,而无需手动配置整个项目结构。
  2. 项目配置:Vue CLI 提供了简单的配置选项,可以根据项目需求进行自定义配置。
  3. 插件系统:Vue CLI 支持插件系统,开发者可以通过插件扩展 Vue 项目的功能,例如添加 TypeScript 支持、添加 PWA 支持等。
  4. 构建项目:Vue CLI 提供了方便的命令来构建生产环境所需的文件,以便部署到服务器上。

总的来说,Vue CLI 是一个强大的工具,可以帮助开发者快速启动和管理 Vue 项目,提高开发效率。如果你想开始使用 Vue.js 进行开发,Vue CLI 绝对是一个很好的选择。

Vue-cli在线安装

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

npm install -g @vue/cli

这个过程中,会联网下载,根据网络大约耗费几分到几十分钟,耐心等待。

具体操作如下图:

查看vue的版本,在命令行中,执行如下指令:

vue --version

效果如下图:

Vue-cli离线安装

有可能因为网络原因无法进行在线安装,为了大家方便,我已经把Vue-cli离线安装包上传到网盘了,效果如下图:


Vue-cli离线安装步骤:

  1. 解压Vue-cli离线安装包
  2. 把离线安装包中的所有内容复制到NodeJS全局安装目录中

具体操作:

解压Vue-cli离线安装包,效果如下图:

把离线安装包中的所有内容复制到NodeJS全局安装目录中,效果如下图:

等待复制完成,复制完成后效果如下图:

复制完成后,查看vue的版本,在命令行中,执行如下指令:

vue --version

效果如下图:


相关文章
【精讲】PCIe基础篇——PCIe传输速率计算
我们在接触PCIe设备时会接触到一个词,传输速率,比如8GT/s。或者有人问你设备的带宽多少?通信速率多少?本文带你了解下。
8542 0
【精讲】PCIe基础篇——PCIe传输速率计算
|
11月前
|
SQL Java 数据库连接
MyBatis动态SQL字符串空值判断,这个细节99%的程序员都踩过坑!
本文深入探讨了MyBatis动态SQL中字符串参数判空的常见问题。通过具体案例分析,对比了`name != null and name != ''`与`name != null and name != ' '`两种写法的差异,指出后者可能引发逻辑混乱。为避免此类问题,建议在后端对参数进行预处理(如trim去空格),简化MyBatis判断逻辑,提升代码健壮性与可维护性。细节决定成败,严谨处理参数判空是写出高质量代码的关键。
1526 0
|
资源调度 JavaScript 前端开发
vue3第一章基础:创建Vue3.0工程,包括使用vue-cli 创建、使用 vite 创建
vue3第一章基础:创建Vue3.0工程,包括使用vue-cli 创建、使用 vite 创建
373 5
|
存储 Docker 容器
入职必会-开发环境搭建50-Docker必会搭建Docker私有仓库
Docker官方的Docker hub(https://hub.docker.com)是一个用于管理公共镜像的仓库,我们可以从上面拉取镜像到本地也可以把我们自己的镜像推送上去。但是有时候我们的服务器无法访问互联网或者不希望将自己的镜像放到公网当中,那么我们就需要搭建自己的Docker私有仓库来存储和管理自己的Docker镜像。
354 1
入职必会-开发环境搭建50-Docker必会搭建Docker私有仓库
|
JavaScript 前端开发
Element_文件上传&&多个文件上传
Element_文件上传&&多个文件上传
1277 0
|
资源调度 JavaScript Apache
Vue2使用echarts树图(tree)
这篇文章介绍了如何在Vue 3框架中集成echarts库来创建一个树状图(Tree Chart)组件,支持自定义数据和交互事件。
1158 0
Vue2使用echarts树图(tree)
|
JavaScript PHP UED
【PHP开发专栏】PHP与WebSocket实时通信
【4月更文挑战第30天】本文介绍了PHP实现WebSocket实时通信的原理、使用方法和实际案例。WebSocket是基于HTTP的全双工通信协议,PHP 5.4以上版本支持WebSocket,可通过内置函数或第三方库如Socket.io、PHP-WebSocket来实现。文章详细展示了创建WebSocket服务器和客户端的PHP代码示例,并提及在PHP中使用Socket.io库进行实时通信。
893 2
|
Web App开发 缓存 JavaScript
【开发工具】【windows】Visual Studio Code(VS Code)远程Linux服务器环境搭建——SSH篇
【开发工具】【windows】Visual Studio Code(VS Code)远程Linux服务器环境搭建——SSH篇
1529 0
【开发工具】【windows】Visual Studio Code(VS Code)远程Linux服务器环境搭建——SSH篇
|
存储 安全 C语言
不只是printf:探究C/C++语言中的可变参数函数
不只是printf:探究C/C++语言中的可变参数函数
605 0
|
存储 并行计算 程序员
pthread_create函数详解
pthread_create函数详解
1290 0