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

效果如下图:


相关文章
|
2月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
340 3
|
7月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
2524 0
|
JavaScript 开发工具 git
使用webstorm来创建并且运行vue项目详细教程
使用webstorm来创建并且运行vue项目详细教程
1038 0
|
7月前
|
JavaScript 前端开发 Java
Vue CLI脚手架安装、搭建、配置 和 CLI项目分析
Vue CLI脚手架搭建和分析 详解。
166 0
|
资源调度 JavaScript 前端开发
vue-cli安装与搭建SPA项目
vue-cli安装与搭建SPA项目
93 0
|
缓存 JavaScript Windows
手把手教你在Windows下搭建Vue开发环境
在Windows下搭建Vue开发环境:
1412 0
手把手教你在Windows下搭建Vue开发环境
|
域名解析 开发框架 JavaScript
Vue项目从搭建环境到打包上线
Vue项目从搭建环境到打包上线
111 0
如何在手机上查看测试vue-cli构建的项目
如何在手机上查看测试vue-cli构建的项目
73 0
|
JavaScript 前端开发 编译器
傻瓜式搭建一个vue项目的完整步骤
傻瓜式搭建一个vue项目的完整步骤
216 0
|
JavaScript
小白如何搭建vue-cli项目
小白如何搭建vue-cli项目
55 0
下一篇
DataWorks