Vue-CLI安装方法

已于 2023-03-30 17:15:15 修改
阅读量3.3k 收藏 8
点赞数 3
文章标签： vue.js javascript 前端 node.js npm
于 2023-03-30 17:13:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63731304/article/details/129860962
版权

目录

一、安装Node.js及配置环境

1.下载并安装Node.js

2.本地查看Node.js是否安装成功

3.配置镜像源

 二、安装Vue-CLI

1.全局安装Vue-CLI

2.检查版本号

一、安装Node.js及配置环境

1.下载并安装Node.js

（1）浏览器地址栏输入nodejs.org，进入Node.js官网Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/zh-cn

（2）选择14版本以上进行下载
https://nodejs.org/dist/v18.15.0/node-v18.15.0-x64.msihttps://nodejs.org/dist/v18.15.0/node-v18.15.0-x64.msi

（3）下载完成后打开文件进行安装 

 （4）安装Node.js

①点击Next

②勾选I accept.... 然后点击Next

 ③选择安装目录：Node.js默认安装目录是C盘： “C:\Program Files\nodejs” ，可以根据自己需要更改(Change)位置，尽量不修改，然后点击Next

④直接点击Next

⑤ 勾选Automatically i.... ，然后Next

⑥点击Install，等待

 ⑦点击Finish

我们已经完成Node.js的安装

2.本地查看Node.js是否安装成功

①win+R输入cmd，打开“命令提示符”窗口

 ②使用node --version 或 node -v 检查node版本号

3.配置镜像源

 ①淘宝镜像源：

npm config set registry https://registry.npmmirror.com

 ②win+R输入cmd，打开“命令提示符”窗口，输入此命令，回车

 二、安装Vue-CLI

1.全局安装Vue-CLI

win+R输入cmd，打开“命令提示符”窗口，输入此命令，回车

npm install -g @vue/cli

2.检查版本号

win+R输入cmd，打开“命令提示符”窗口，输入此命令，回车

vue -V

 出现 @vue/cli 5.0.8 版本号则安装成功

Legreay
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue CLI配置与安装
zhuerla的博客
08-15 8802
Vue CLI配置与安装--Element UI引用--Vant引用
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
Vue+Vue-Cli安装配置使用全过程详解
qq_53878224的博客
10-24 424
这里我看的是另一个博主的文章，写的非常详细，遇到问题可以看看讨论区推荐如express之类的模块用镜像安装。打开之前设置的node_global文件夹，在命令行中全局安装如果出现"Unhandled rejection Error:EACCES:permission denied"，说明操作权限不足，需要重新安装可采用如下代码。（不是很推荐，因为可能会出现一些错误）检查是否安装完成，如果终端输出版本号，表示 Node.js 已安装。
vue脚手架(vue-cli)详细安装过程
热门推荐
学习，是熵减的最有效途径。
08-16 3万+
CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...
2024年最全vue CLI脚手架初安装记录，全套教学资料
2401_84616838的博客
05-07 599
三套“算法宝典”开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】算法刷题LeetCode中文版（为例）人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！
如何快速安装vue-cli脚手架
静水流深，沧笙踏歌
05-13 7222
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-cli官方提供了一个脚手架，用于快速生成一个vue的项目模板。它预先定义好目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，他能使我们的开发更加快速。vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2206
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 3万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
vue-cli 脚手架的完整安装教程
美奇软件开发工作室
04-14 2万+
一、 node.js安装 1、如果不确定自己是否安装了node,可以在cmd命令行工具内执行： node -v （检查一下 版本）； 我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。 2、如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node下载地址：http://nodejs.cn/do...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
安装vue-cli的简易过程
12-11
首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm以及Node.js的版本。如果未安装或版本过低，你需要访问...
详解使用nodeJs安装Vue-cli
01-02
1、执行npm install –global vue-cli ，全局安装vue-cli —-因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。 产生通过config命令设置默认下载路径： npm config set registry ...
Vue-Cli安装和配置（全）
qq_44709970的博客
02-21 4026
安装、配置、淘宝镜像、可能出现的问题
安装 Vue-CLI 详细方法及踩坑记录
sywdebug的博客
11-18 7725
配置: 如果环境中没有配置全局目录，那么安装模块时会自动安装装到 C:\User\当前用户\Appdata\Roaming\npm 目录下。原因: 没有权限，以管理员身份运行即可，也有可能是 nodejs 安装后没有配置环境变量。这个玩意我也是第一次见到，清缓存等方法还会给我报错，就记录一下吧，搞了好长时间，最后参考。右键我的电脑 - - - 属性 - - - 高级系统设置 - - - 环境变量。或者使用下面命令安装 cnpm，然后使用 cnpm 进行安装。用户变量和系统变量应该都是可以的。
vue-cli全局安装
qq_25741071的博客
09-21 4771
一、安装node.js后检查是否安装成功 node -v npm -v node下载网址：http://nodejs.cn/download/ 注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、Vue-cli全局安装 a)、因为在国内npm安装会比较慢，所以这里推荐一下先安装淘宝镜像（官网：http://npm.taobao.org；） b)、在控制台执行命令：npm install cnpm -g --registry=https://registry.npm.ta
全局安装vue-Cli脚手架
Ly031008的博客
12-25 6370
vue脚手架安装，希望可以帮到刚接触vue的新手，望以上内容对你有所帮助！
安装Vue CLI
qq_62837251的博客
05-15 522
要安装 Vue CLI，你需要先安装 Node.js 环境。
学习笔记|Vue入门笔记—脚手架vue-cli的详细安装和使用
Jum的博客
03-18 2651
Vue-cli是vue的一个脚手架工具，主要作用：目录结构、本地调试、代码部署、热加载、单元测试。
vue-cli安装失败
最新发布
06-05
vue-cli 是 Vue.js 官方提供的一个快速构建 Vue.js 应用程序的脚手架工具。安装 vue-cli 的时候，有时候会出现安装失败的情况，可能是由于网络原因或者是缺少依赖等问题所导致的。 以下是一些常见的 vue-cli 安装失败的原因和解决方法： 1. 网络原因：请确认网络是否正常，可以使用命令行或者浏览器测试一下是否能够访问外网。 2. npm 安装失败：请升级 npm 版本，或者使用 cnpm 代替 npm 进行安装， cnpm 是淘宝提供的 npm 镜像，速度较快。 3. 缺少依赖：请确认是否缺少必要的依赖包，可以通过安装对应的依赖包来解决。 4. 文件权限问题：请确认当前用户是否有对应的文件权限，可以通过 sudo 命令来提升权限进行安装。 如果以上方法都无法解决问题，可以尝试重新安装 Node.js 和 npm，并重新安装 vue-cli。同时，也可以尝试使用其他方式构建 Vue.js 应用程序，比如使用 Vue.js 官方提供的 Vue CLI UI 界面化工具进行构建。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值