Vue CLI的安装

在安装脚手架前，要先确认有node环境，确保node版本在10以上（vue官方文档说的，可以看往下的截图）

如果还没安装的小伙伴直接去node官网下载就好，步骤很简单，看菜鸟的安装步骤，不同类型的电脑都有介绍，一般直接默认选择第一个就可以，如果不会配置环境变量的小伙伴可以选择自动配置：Add to PATH，但是可能会在后续产生一些错误，所以不推荐，还是建议自己去配置环境！！！！

如何知道有没有安装成功？

node --version
//在cmd或者PowerShell都可以使用这个命令查看

这是我的版本：

这个npm不需要我们自己再另去安装，在我们下载node的时候npm就已经跟着node下载了

NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具

npm --version

当node环境没问题的时候就可以去安装脚手架了，我目前还在使用vue2，所以大家要注意自己使用的vue版本，命令可能会不太一样，但是都很简单，直接看vue官方文档，找到Vue CLI

如图：

然后直接在根据文档提供的安装方式，这里标注了几处要关注一下的地方

有些人的电脑直接打开cmd是安装不成功的,必须使用管理员模式

安装完成，使用

vue --version //查看

开始使用cli创建vue项目

这样就表示创建成功，可以通过npm run serve运行项目

详细vue脚手架安装教程相关推荐

vue-cli2.x旧版本卸载不掉的问题解决方案（亲测+踩坑）附Vue脚手架安装教程
旧版本卸载问题说明 vue2.x脚手架旧版本卸载不掉的问题:(卸载命令运行后输入vue --version仍一直显示旧版本) 问题解释首先明确一点,卸载不掉肯定说明你的电脑中至少有两个地方存在脚手 ...
vue-cli脚手架安装教程
vue-cli脚手架安装教程全局安装 vue npm install @vue/cli -g 备注:最好以淘宝镜像进行安装 npm i -g cnpm --registry=https://reg ...
vue脚手架安装时出现Error EPERM operation not permitted这个错误
vue脚手架安装时出现Error: EPERM: operation not permitted这个错误 **原因:**出现这个错误是因为安装全局模块时没有管理员权限,需要以管理员身份运行命令提示符窗 ...
全网最详细的Neo4j安装教程
全网最详细的Neo4j安装教程一.前言 Neo4j是一个高性能的NOSQL图形数据库,它将结构化数据存储在网络上而不是表中.它是一个嵌入式的.基于磁盘的.具备完全的事务特性的Java持久化引擎,但是 ...
Vue脚手架安装与 Vue项目创建运行、vue项目迁移后运行失败问题
目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功项目文件作用介绍快捷安装项目所需依赖命令 npm i Vu ...
最详细的Hadoop安装教程
最详细的Hadoop安装教程前言 Hadoop 在大数据技术体系中的地位至关重要,Hadoop 是大数据技术的基础,对Hadoop基础知识的掌握的扎实程度,会决定在大数据技术道路上走多远. 这是一篇 ...
夏普复印机最最最详细的驱动安装教程
虽然本教程是以夏普举例,但是所有打印机驱动安装方法都大同小异,网络打印机通过IP地址传输数据,USB打印机通过USB连接线传输数据,无非就是端口设置上和驱动文件上有区别,其它型号安装时也可以参考一下本 ...
超级详细的 Redis 安装教程
超级详细的 Redis 安装教程 Windows 版本的 Redis 是 Microsoft 的开源部门提供的 Redis. 这个版本的 Redis 适合开发人员学习使用,生产环境中使用 Linux ...
最详细的Python安装教程
最详细的Python安装教程一.进入Python官网首页,下载最新的Python版本 https://www.python.org/downloads/ 选择最新的Python3.10.5,下载64 ...
vue脚手架安装以及vue脚手架创建项目（详细步骤）
系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目命令行方式创建使用UI界面搭建 idea导入vue项目学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...

详细vue脚手架安装教程

Vue CLI的安装

详细vue脚手架安装教程相关推荐

最新文章

热门文章