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…

Spring Cloud Alibaba - 利用Nacos动态调整线程池参数

前提:搭建好cloud alibaba 与 nacos的集成 1 nacos中配置文件内容 core:size: 30 max:size: 50 2 线程配置类 import com.alibaba.cloud.nacos.NacosConfigManager; import com.alibaba.cloud.nacos.NacosConfigProperties; import com.alibaba.nacos.api.config…

第二篇——始计篇:“计”是最早的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(野莓)四大平台的产品视频翻译功能,彻底打破语言壁垒,让全球卖家的商品故事,以更生动、更直观的方式,触…

Web基础

Web基础与HTTP协议 web 就是我们所说的网页,打开网站展示的页面(全球广域网,又叫万维网) 分布式,图形信息系统,服务部署在不同的机器上且提供的服务和内容全部一致 分布式 计算系统或者是应用程序,分布在多台独立的计算机或者服务器上,他们之间通过计算机网络互相通信和写…

币界网讯,币安准备与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. 不利于维护,需要…

使用docfx生成API文档【生成c#帮助文档】

使用docfx生成API文档 docfx https://dotnet.github.io/docfx/ 下载docfx 下载docfx:链接 配置环境变量 这里使用的是windows环境,解压对应文件后,将文件夹路径添加到电脑的Path环境变量中。 配置成功后,启动cmd窗口&#…

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

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

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

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

mongoTemplate的使用 列表查询

查询数据列表 Criteria criteria new Criteria(); Query query new Query(criteria); List<Document_Name> documents mongoTemplate.find(query, Document_Name.class, "collect_name");分页查询数据列表 Criteria criteria new Criteria(); Query quer…

atcoder ABC 357-D题详解

atcoder ABC 357-D题详解 Problem Statement For a positive integer N, let VN​ be the integer formed by concatenating N exactly N times. More precisely, consider N as a string, concatenate N copies of it, and treat the result as an integer to get VN​. For…

C++容器set和multiset使用详解

文章目录 1.set和multiset容器1.基本特性2.multiset容器3.set的构造和赋值1.构造函数2.赋值操作3.注意事项 4.set的大小和交换1.获取大小2.检查是否为空3.交换两个set4.示例综合 5.set容器插入和删除1.插入元素2.删除元素3.示例 6.set容器的查找和统计1.查找元素2.统计元素个数…

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

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

优化Java应用的数据库访问性能技巧

优化Java应用的数据库访问性能技巧 大家好&#xff0c;我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编&#xff0c;也是冬天不穿秋裤&#xff0c;天冷也要风度的程序猿&#xff01;今天我们将深入探讨如何优化Java应用的数据库访问性能&#xff0c;提升系统的…