Mac|install vue

安装Node:Node.js — Download Node.js®

选择系统为mac,安装步骤在终端输入

(放文字版在这里~方便复制)

# installs nvm (Node Version Manager)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# download and install Node.js (you may need to restart the terminal)
nvm install 20
# verifies the right Node.js version is in the environment
node -v # should print `v20.15.0`
# verifies the right NPM version is in the environment
npm -v # should print `10.7.0`

如果出现了:run `xcode-select --install` and try again.

则安装一下xcode

这时候再执行命令就可以了

可以看到我们还需要进行下面操作(最后四行),可以选择重启终端或者添加配置,我这里就直接重启终端了

 Close and reopen your terminal to start using nvm or run the following to use it now:export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

再进行下面的安装即可~

安装淘宝镜像(可做可不做)

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue(可以选择2或者3)

# 安装vue2.X
npm install vue-cli -g
# 安装vue3.X
npm install -g @vue/cli
# 输出版本号说明安装成功
vue --version

结果如下:

安装 vue 路由模块vue-router和网络请求模块vue-resource:

npm install vue-router vue-resource --save

安装webpack-dev-server

npm install webpack-dev-server
或者
npm install -D webpack-cli --force
或者
npm install webpack-dev-server -D

如果出现

npm install --ignore-scripts 
npm audit fix --force 

创建项目(与前面下载的版本对应)

vue2:

创建一个项目文件夹,然后初始化一个vue项目,配置可以自己选择,不一定要按照我的来~

vue init webpack my-project(my-project可以自己命名)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/864831.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

78.Vue 3 重用性模态框组件

模态框是大多数 Web 应用程序中的基本构建块。虽然最初实现起来可能看起来有点棘手,但实际上,使用 Vue 和一些 Flexbox 技巧,这不仅可行,而且非常简单。 让我们一起实现一个基础的模态框组件。 架构如下: AppModal.vue…

docker-compose搭建prometheus、grafana

一、安装prometheus 1、安装 version: 3.1services:prometheus:image: prom/prometheus:v2.48.0container_name: prometheushostname: prometheusrestart: alwaysvolumes:- ./prometheus/prometheus.yml:/etc/prometheus/prometheus.yml- ./prometheus/:/etc/prometheus/port…

第二篇——始计篇:“计”是最早的SWOT分析

目录 一、背景介绍二、思路&方案三、过程1.思维导图2.文章中经典的句子理解3.学习之后对于投资市场的理解4.通过这篇文章结合我知道的东西我能想到什么? 四、总结五、升华 一、背景介绍 第二次详读孙子兵法,当初听讲解的时候,就觉得自己…

WPF UI 3D 多轴 机械臂 stl 模型UI交互

鼠标交互(没有强调场景的变换) 鼠标命中测试(HitTest 不推荐) 平面对象加载 数据绑定(数据与动作) 环境配置与相关方法 模型准备:Blender/SolidWorks 模型导入 HelixToolkit更多案例…

驱动LSM6DS3TR-C实现高效运动检测与数据采集(6)----FIFO数据读取与配置

驱动LSM6DS3TR-C实现高效运动检测与数据采集.6--FIFO数据读取与配置 概述视频教学样品申请源码下载主要内容生成STM32CUBEMX串口配置IIC配置CS和SA0设置ICASHE修改堆栈串口重定向参考驱动程序FIFO参考程序初始化管脚获取ID复位操作设置量程BDU设置设置速率FIFO读取程序设置FIFO…

无忧易售升级:产品视频翻译支持,拓宽全球市场边界

在电商内容营销迈入视频时代的今天,无忧易售ERP推出针对OZON、Wish、TikTok、Wildberries(野莓)四大平台的产品视频翻译功能,彻底打破语言壁垒,让全球卖家的商品故事,以更生动、更直观的方式,触…

币界网讯,币安准备与SEC 展开长期法律对决

刚刚,数字货币交易所的领头羊Binance公布了法律策略,未来将会采取大胆举措与美国证券交易委员会 (SEC) 展开长期法律斗争,彰显其对监管合规的承诺。小编认为,Binance的这一战略立场是向美国SEC传递的道歉信,自从美国SE…

老机福音!最精简最快的Win7系统:免费下载!

有些老旧计算机因为配置较低,所以运作起来比较卡顿。有用户想知道安装哪些系统能提升老旧计算机的运行速度?系统之家小编推荐安装以下最精简最快的Win7系统版本,优化老旧计算机的性能,确保安装后时刻运作流畅稳定。 推荐一&#x…

8619 公约公倍

这个问题可以通过计算最大公约数 (GCD) 和最小公倍数 (LCM) 来解决。我们需要找到一个整数,它是 a, b, c 的 GCD 的倍数,同时也是 d, e, f 的 LCM 的约数。 以下是解决这个问题的步骤: 1. 计算 a, b, c 的最大公约数。 2. 计算 d, e, f 的最…

Java语法系列 小白入门参考资料 方法

方法的概念及使用 方法概念 方法出现的原因 在编程中,某段功能的代码可能频繁使用到,如果在每个位置都重新实现一遍,会: 1. 使程序变得繁琐 2. 开发效率低下,做了大量重复性的工作 3. 不利于维护,需要…

115V 400HZ远机位电源车在国际机场的推广与应用

随着我国航空业的快速发展,对于远机位电源车的需求也越来越迫切。远机位电源车可以为飞机提供稳定、可靠的电力,确保飞机在停机、起降、航行等环节中正常运行。在当前的航空技术中,115V 400HZ 远机位电源车技术发展及其在航空领域的应用逐年增…

maketrans()方法——创建字符映射的转换表

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 语法参考 maketrans()方法用于创建字符映射的转换表,对于接受两个参数的最简单的调用方式,第一个参数是字符串,表…

炎黄数智人:招商局集团推出AI数字员工“招小影”

引言 在全球数字化浪潮的推动下,招商局集团开启了一项具有里程碑意义的项目。招商局集团将引入AI数字员工“招小影”,这一举措不仅彰显了招商局集团在智能化转型方面的坚定决心,也为企业管理模式的创新注入了新的活力。 “招小影”是一款集成…

一文了解什么是车载Tbox

目录 前言一、Tbox是什么呢?二、Tbox架构三、App——TSP——Tbox交互时序图四、汽车混合网关拓扑结构示例五、Tbox功能 前言 强烈建议提前阅读一下这篇文章:车机Tbox介绍 一、Tbox是什么呢? Tbox是汽车上的一个盒子,指的是Telematics BOX&#xff0c…

Windows打开redis以及Springboot整合redis

目录 前言Windows系统打开redisSpringboot整合redis依赖实体类yml配置文件config配置各个数据存储类型分别说明记录string数据写入redis,并查询通过命令行查询 list插入数据到redis中从redis中读取命令读取数据 hash向redis中逐个添加map键值对获取key对应的map中所…

BMA456 运动传感器

型号简介 BMA456是博世(bosch-sensortec)的一款超小型、三轴、低重力高性能加速度传感器,配备数字接口。该传感器适用于低功耗且要求严格的消费电子应用。它可以检测手腕倾斜、按压/双击,并支持即插即用计步功能,尤其适…

基于matlab的控制系统串联校正—相位超前校正问题实例

1.问题 为了改进闭环系统性能,可以采用串联校正,这里用相位超前校正,即 α 常取 0.07~0.2 ,选择适当的 α 与 τ , 要使 针对新的开环传递函数 G ’ K (S)Gc(S) G(S) H(S) ,画出开环 Bode 图&#xff…

大创项目推荐 题目:基于深度学习卷积神经网络的花卉识别 - 深度学习 机器视觉

文章目录 0 前言1 项目背景2 花卉识别的基本原理3 算法实现3.1 预处理3.2 特征提取和选择3.3 分类器设计和决策3.4 卷积神经网络基本原理 4 算法实现4.1 花卉图像数据4.2 模块组成 5 项目执行结果6 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 基…

数据结构-排序算法篇

前言 在我们的生活中有很多东西都是有大小的,那么该如何去排序?假设有10个数字要你去排序,眼睛一扫就看出来了,那100、1000、10000要怎么去排?下面就为大家介绍各种排序的算法。 内容 1.冒泡排序 2.选择排序 3.插入…

windows USB设备驱动开发-开发USB 设备端驱动

USB 设备是通过单个端口连接到计算机的外设,例如鼠标设备和键盘。 USB 客户端驱动程序是计算机上安装的软件,该软件与硬件通信以使设备正常运行。 如果设备属于 Microsoft 支持的设备类,Windows 会为该设备加载 Microsoft 提供的 USB 驱动程序…