脚手架(vue-cli)的安装详细教程

2023-10-27

首先要下载node.js

下载 | Node.js 中文网 (nodejs.cn)https://nodejs.cn/download/

 大家根据自己的系统来选择哪个,我是Windows系统,所以选择红色箭头所指的安装包去安装!!!

 接下来双击安装!!

 

 选择要安装的位置,不是必须要安装到C盘中,想安装到哪里就安装到哪里!!!

 

 

 

 接下来打开终端看一下是否安装成功了!!!(按下win+r/R)先按win,再按r/R

输入cmd再按确定

输入终端指令node -v  查看版本号

 这时候就会出现对应的版本,如果你能终端打印出来这个,说明已经成功一半了,但是这个版本太高了,有时候运行项目的时候会报错,此时我们需要把版本降低,那么如何把版本降低呢??

官网传送门

 下载 | Node.js 中文网 (nodejs.cn)https://nodejs.cn/download/

 

 

 

 

 

 把这个东西拖到之前node.js的安装目录下覆盖原来的即可

 

 这时候再次打开终端,输入node -v指令,查看版本号!!!

 这时候版本就降下来咯!!!

此时终端输入命令npm install -g @vue/cli   下载脚手架

 输入命令vue -V查看版本号

 

 这时候就说明脚手架安装成功了!!这时候我们来创建一个Vue项目!!!我们尝试在D盘下面创建一个Vue项目!!!

先切换到D盘下面,然后输入此命令,mytest是项目名称,可以自己取名字!!!然后回车!!!

到了这里他会让你选择创建vue2还是vue3项目,根据自己的需要,这里我以vue2为例,选择Vue2再直接回车!!!之后便是漫长的等待!

此时你会发现你可能卡到一个地方很久,一直没有动 ,这时候我们可以考虑去切换淘宝镜像或者阿里镜像,这样子下载会快许多!!

切换镜像: npm config set registry http://registry.npm.taobao.org/

查看镜像使用状态:npm get registry

 这时候重复上面创建vue项目的操作!!!

又卡住了呜呜呜,那就再去试一试别的镜像

 

切换镜像

切换镜像:npm config set registry https://registry.npmmirror.com/

查看镜像使用状态:npm get registry

 

重复vue创建操作

 

啊啊啊 终于成功咯!!!呜呜呜,总之大家多试几次!!!

 

 然后输入他提示的指令,再回车

可以把这个链接复制到浏览器回车,也可以左手按住ctrl,右手鼠标点击,他会发生页面跳转,一般是这样子的,但是不一定所有电脑都行,但是前者肯定是可以的 !

 

当你看到这个页面的时候,说明一个简单的Vue2项目创建成功咯!!!

 

 在D盘里面也会出现相应的文件夹,可以用vscode或者其他编译器打开!!!

搭建脚手架的方式网上多种多样,并不唯一!!!仅供参考!!!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

脚手架(vue-cli)的安装详细教程 的相关文章

  • 如何在 ChartJS 中创建自定义图例

    我需要使用 ChartJS 库为我的圆环图创建自定义图例 我已经使用 ChartJS 提供的默认图例创建了甜甜圈 但我需要一些修改 我希望其价值高于汽车名称 另外 我不喜欢粘性图例 我想将其与甜甜圈分开 这样我就可以更改字体 框的样式 例如
  • 每次页面重新启动时,Firebase.auth().currentUser 都会变为 null

    我正在使用 firebase 身份验证与 vue 应用程序 每次登录用户后重新启动页面时 currentUser 都会变为 null firebase auth signInWithEmailAndPassword this email t
  • Vue模板-渲染HTML特殊字符代码

    如何在我的 Vue 模板中完全渲染 HTML 特殊字符代码 例如我有这个 JSON 数据 id post91 slug null title Breakfast 038 Tea 我怎样才能转换Breakfast 038 Tea to Bre
  • 如何更改 Vuetify 日历日期格式

    我正在尝试在以下 Vuetify 日历上启用输入事件 https github com vuetifyjs vuetify blob master packages docs src examples calendars complex e
  • Vue:单个网站可以使用多个 Vue 应用程序吗? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我有一个 Hugo 静态网站 我正在使用 Vue 使其动态化 我们正在转型 长期计划尚未确定 但在中期阶段我们正在使用 Vue 我已经在一个页面
  • 将 async/await 与 webpack-simple 配置一起使用会引发错误:RegeneratorRuntime 未定义

    我正在使用具有以下配置的 webpack simple 模板 包 json name vue wp simple description A Vue js project version 1 0 0 author v private tru
  • firestore 安全规则 request.auth.uid 不起作用

    Firestore 安全规则不起作用 帮我 无法读取用户 用户 ID 的文档数据 安全规则 service cloud firestore match databases database documents match users use
  • 使用 Javascript 在前端创建基本 URL(开发、API 和生产)

    无论开发和部署如何 如何制作适用于 http https localhost 端口和实际域的基本 url 我想创建一个可以在所有场景或条件下工作的基本 url 无论 http https 协议 端口 本地主机和实际域如何 无论是在开发中还是
  • Asyncdata 与 Fetch 之间的区别

    获取数据和异步数据之间的确切区别是什么 官方文档是这么说的 异步数据 您可能想要获取数据并在服务器端呈现它 Nuxt js 添加 asyncData 方法 让您可以在之前处理异步操作 设置元件数据 异步数据每次在加载组件之前调用 仅适用于
  • Laravel Echo 不监听推送事件

    尝试使用 laravel 和 vuejs 创建一种聊天应用程序 发送消息后 我会从 laravel 触发事件 该事件会使用正确的事件类反映在推送器调试控制台上 但根本不会调用来自 vuejs 的监听回调 created window Ech
  • 如何修复套接字 io 中的 400 错误错误请求?

    我有一个前端应用程序 VUE JS 我有一个后端 Nest JS Vue JS 应用程序使用 vue socket io extended 库通过 websockets 从后端获取数据 当 Vue JS 应用程序启动时 我在浏览器中看到错误
  • 如何在Vue中提交表单,重定向到新路由并传递参数?

    我正在使用 Nuxt 和 Vue 我正在尝试提交表单 将用户重定向到包含提交的参数的新路由 发送 API 请求以获取一些数据 然后渲染该数据 我通过简单地将表单操作设置为新路径并手动将所有 URL 参数添加到 API 请求来实现此目的 首先
  • Vue.js 更改 {{ }} 标签

    我想改变 something by 在 Vue js 中 我怎样才能实现这一点 这可能吗 我在 AngularJS 中寻找的等效项 var app angular module app function interpolateProvide
  • Vue js - 在同一级别的两个组件内传递数据

    我有需要从一个传递的数据component1到另一个component2 我不使用vuex or router 组件树 Parent Component1 Component2 从一开始component1我发出 ajax 请求 检索信息并
  • 如何同时模拟Pinia和vue-i18n?

    我正在使用 Vue 3 的 Composition API 如下所示 store ts import ref Ref from vue import defineStore from pinia export const useStore
  • 如何将 Jitsi Meet 添加到 Vuejs

    我已在 public html 的正文中加载了 jitsi meet 脚本 并且我有一个组件 如下所示
  • 有没有V型斗篷的反面?

    根据VueJS 文档 https v2 vuejs org v2 api v cloak v cloak 指令可用于隐藏未编译的 Mustache 绑定 直到 Vue 实例准备就绪 换句话说 我可以隐藏一个div或类似的东西 当 vue 准
  • Vue 监听 Vuex 提交吗?

    有没有一种方法可以监听 Vuex 提交 而不观察任何随提交而更改的属性 只是简单地找出是否发生了提交 我有一个 Filter 组件 想将其放入 NPM 包中 但我已经有一个用例 在该用例中 我希望设置一个 cookie 在选择过滤器时存储过
  • 用变量字符串设置槽的简单方法?

    有许多slot例子 但没有克莱尔和简单 因为我需要 我需要类似的东西 var x Hello slot x 这就是我需要的 在一个具体的例子中 https jsfiddle net 2qdh3x3v https jsfiddle net 2
  • Vue中有类似React.Fragment的东西吗?

    在 React 中我可以做这样的事情 parent component export default return div div 1 div div

随机推荐

  • 让你的Win 10更好用(scoop wt oh-my-posh carnac)

    前言 之前我讲过一篇如何使得自己的Linux子系统或者服务器的命令行变得更加美观 今天主要讲几个工具来让你的Windows变得更加强大 Scoop window的包管理工具中 scoop其实只是个后起之秀 我们可能熟知的有chocolaty
  • 网络基础学习----交换机,VLAN之间通信,链路聚合,路由器,协议等

    一 知识点总结 1 交换机 原理 交换机有一张Mac地址表 当收到一个数据帧的时候会识别MAC地址并查找Mac地址表中对应的接口进行转发 MAC地址表具有自动学习的功能 二层交换机 三层交换机 二层交换机没有路由功能 三层交换机可以具有部分
  • 530、我的CSDN创作纪念日 - 2022.04.23(河南 郑州)

    机缘 我是2018年04月20号开启的CSDN博客创作之旅的 至今已坚持4年的写作 共创作536篇文章 我的第一篇文章是记录我个人学习Python的心得体会 后面又记录了前端 Java 数据库 扫码点餐系统等一系列的自我学习的文章 这其中学
  • 论文笔记:基于手机基站数据的混合地图匹配算法研究

    2014 交通运输系统工程与信息 本文提出混合地图匹配算法 通过对车载手机行驶在不同的路网时所产生的基站切换数据信息 进行地图匹配 1 混合地图匹配算法 1 1 基站切换 数据库 1 1 1 基站切换 手机注册到通信网络后 随着 车辆的移动
  • 【BTC】数据结构

    BTC 中对交易数据的存储主要涉及到了两种数据结构 一种是区块链 一种是 Merkle Tree 这两种数据结构组成了 BTC 中完整的区块链结构 如下图所示 共同完成对数据的存储和验证 确保交易的有效性 一 区块链 所谓的区块链是由一个个
  • CO_XT_COMPONENT_CHANGE 修改工单组件行

    DATA is order key TYPE coxt ord key is order component key TYPE coxt s ord comp key l mode TYPE char1 VALUE A DATA wa re
  • win10麦克风无法使用,视频连线时对方听不到我的声音——解决办法

    问题描述 晚上用笔记本微信视频 发现无论是连耳机还是用系统麦克风 对方都无法收到我的声音 打开 win10 内置语音录音机录音依旧无法拾音 解决方案 首先 判断是不是隐私问题 允许使用麦克风要确保打开 设置 隐私 麦克风 其次 电脑右下角声
  • 最好的浏览器排行榜_趣享3个极简App关于浏览器-二次元-护眼

    Hello大家好 我是知雨 上一次给大家分享了3个高质量的App关于 高效背单词 墨墨背单词 时间管理 简黑时钟 实用工具箱App 自己也尝试用了一下 记住了好多单词 有效率给自己时间规划管理还有内置的几百款实用的小工具实用工具箱 他们真的
  • WDK学习笔记_Python操作MySql+Pytorch的LSTM使用

    文章目录 摘要 一 Mysql 项目 1 1 数据库基本操作 1 2 数据库的增删查改 1 3 Python操作MySql数据库 二 Pytorch的nn LSTM层 深度学习 2 1 nn RNN层 2 2 nn LSTM层 摘要 项目
  • Windows 在VMware16.x安装Win11系统详细教程

    文章目录 一 准备 二 创建虚拟机 1 创建新的虚拟机 2 选择虚拟机硬件兼容性 3 安装客户机操作系统 4 选择客户机操作系统 5 命名虚拟机 6 固件类型 7 处理器配置 8 此虚拟机内存 9 网络类型 10 选择I O控制器类型 11
  • 基于MVC架构访问数据库写一个登录系统

    题目 在C 中基于MVC架构写一个通过网页输入账号名密码 访问数据库 如果存在则创建该用户的系统 先完成基本功能 再往上加注册 返回数据库数据 文件处理等内容 这不是一个成熟项目 而是通过学习不断更新 并记录自己的思路 环境 Visual
  • 常见的APM(Application Performance Management应用性能管理)

    我也来对比下pinpoint和skyWalking 主流开源APM Zipkin Pinpoint SkyWalking全面对比 常见APM技术选型
  • Opencv求取连通区域重心

    我们有时候需要求取某一个物体重心 这里一般将图像二值化 得出该物体的轮廓 然后根据灰度重心法 计算出每一个物体的中心 步骤如下 1 合适的阈值二值化 2 求取轮廓 3 计算重心 otsu算法求取最佳阈值 otsu法 最大类间方差法 有时也称
  • 如何批量制作准考证——《超级处理器》应用

    超级处理器下载 怎么批量制作如下图所示的准考证 准考证中不仅包含有常规的姓名 年级 座号等常规信息 还含有学生照片和学号的条形码 条形码自动生成 并且照片和条形码都是自动对齐单元格 自动排版 我们来看下具体是怎么做的 首先我们要准备三样东西
  • SpringBoot拦截所有请求,记录日志表

    1 创建一个类并实现HandlerInterceptor 拦截器 import org springframework core env Environment import org springframework jdbc core Jd
  • 【转】物联网常见通信协议

    转载地址 https www jianshu com p f3f1a35f64cc 1 通信 与 通讯 傻傻分得清 传统意义上的 通讯 主要指电话 电报 电传 通讯的 讯 指消息 Message 媒体讯息通过通讯网络从一端传递到另外一端 媒
  • 第6课 微信小程序模板的引入与使用:

    第6课 微信小程序模板的引入与使用 在template1 wxml中自定义一个wxml模板
  • 使用Python,OpenCV给原视频每一帧画面添加素描漫画版小窗口,并生成新视频

    使用Python OpenCV给原视频每一帧画面添加素描漫画版小窗口 并生成新视频 主要涉及3部分 使用python 进行视频帧率 总帧数获取 使用moviepy 进行视频音频提取 并合并音频视频 遍历视频流每一帧 并对其进行简易漫画绘制
  • 使用代码操作Excel文件(easyExcel)

    文章目录 1 Maven导入easyExcel包 2 easyExcel进行基本的写入 3 编写代码 读和写 EasyExcel文档 https www yuque com easyexcel doc easyexcel 1 Maven导入
  • 脚手架(vue-cli)的安装详细教程

    首先要下载node js 下载 Node js 中文网 nodejs cn https nodejs cn download 大家根据自己的系统来选择哪个 我是Windows系统 所以选择红色箭头所指的安装包去安装 接下来双击安装 选择要安