入职必会-开发环境搭建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

效果如下图:


目录
打赏
0
0
0
0
23
分享
相关文章
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
720 3
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
3076 0
|
7月前
|
7步开始rust(自定义环境安装与vscode开发环境配置)
本文档详细记录了当改变Rust安装路径至特定目录(如 `/home/local_rust`)时,如何在VSCode环境中正确配置Rust开发环境的过程。主要包括:设置环境变量、使用清华大学镜像安装Rust及更新镜像源、手动部署 `rust-analyzer`、安装标准库源码、安装与配置VSCode插件等七个步骤,确保开发者能够顺利搭建并使用定制化的Rust开发环境。
1126 0
入职必会-开发环境搭建28-VSCode下载和安装
Visual Studio Code(简称 VS Code)是由微软开发的免费开源代码编辑器,支持几乎所有主流操作系统,包括 Windows、macOS 和 Linux。它具有丰富的功能和扩展性,适用于各种编程语言和应用场景。
109 0
使用webstorm来创建并且运行vue项目详细教程
使用webstorm来创建并且运行vue项目详细教程
1178 0
如何在手机上查看测试vue-cli构建的项目
如何在手机上查看测试vue-cli构建的项目
88 0