mac 创建Vue3项目

最新推荐文章于 2025-02-06 13:27:38 发布
最新推荐文章于 2025-02-06 13:27:38 发布
阅读量1.5k 收藏 9
点赞数 6
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： macos vue.js vue-cli3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44275763/article/details/122129253
本文详细介绍如何使用npm或yarn全局安装Vue CLI，并通过它创建一个名为test01的Vue项目。文中还介绍了选择不同配置选项的过程及解决遇到的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

安装vue-cli

npm 或 yarn 安装

npm install -g @vue/cli
yarn global add @vue/cli

查看版本（是否安装成功）：

vue -V (大写的V)
vue --version

创建项目

进入项目目录
执行vue create test01(项目名称)

这里我选择了第3种手动，回车键确认
选择自己想要的配置，我选择如下
在这里插入图片描述
选择vue版本在这里插入图片描述
这里我选3x

是否使用 history 路由模式
在这里插入图片描述
这里我选y

选择css预处理器
在这里插入图片描述
这里我选node的时候一直报下图的错误在这里插入图片描述
所以我选了dart，就可以了

选择配置文件存放的位置
在这里插入图片描述
这里我选了package.json

是否保存之前的配置项
在这里插入图片描述
这里我选n

等待下载依赖模块
在这里插入图片描述
装好后，进入目录，启动
在这里插入图片描述
cd test01( 进入项目根目录 )
yarn serve 或者npm run serve ( 启动项目 )

keil5编译时提示：keil5 target not created...如何解决？
**My Coding Family**
09-13 1万+
🏆本文收录于专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家！持续更新中，up！up！up！！
vue3新创建项目启动报错，如何解决？
**My Coding Family**
01-16 1185
删除和，重新安装依赖。确保 Node.js 版本符合要求，建议使用 LTS 版本。尝试重新创建项目。查看具体的报错信息，定位问题。如果依然无法解决问题，提供具体的错误信息可能有助于进一步分析问题。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。
手把手教你创建并启动一个Vue3项目（Windows版）
徐泗空的博客
06-19 6179
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
vue初体验1：新建vue3项目并启动访问（mac）
小浪与艳花
07-05 5429
HBuilderX集成了多种开发工具和语言，包括HTML、CSS、JavaScript、TypeScript、Vue.js、React等，可以帮助开发者更高效地进行Web前端开发。可以快速构建vue的工具，自动安装vue所需要的插件，避免手动安装各种插件，以及寻找各种cdn并一个一个引入的麻烦。2、集成了多种调试工具和模拟器，可以在不同的设备和浏览器上进行实时调试和预览，有助于更快的定位和解决问题。3、有多种代码重构和自动化工具，如代码格式化、自动缩进、自动补全等，有助于更规范和高效地编写代码。
macOS M2 从0到1创建Vue3项目过程
m0_58953903的博客
02-11 602
打开vscode，打开终端cd到想创建项目的文件夹，运行以下代码。看到如下选项，需要的就选yes，不确定的就选no。
mac 搭建vue3框架
solitude1128的博客
07-28 1470
Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2。有输出就看输出版本是多少，如果版本在4.5以下，就卸载然后重新安装，如果在4.5及以上，就可以直接创建项目。当第一项选择手动配置时，会有该选项。监测时机，这里选第一个，保存就监测，不要等提交在监测，那样问题会很多。选择Y的话，以后创建项目会将该次选择的配置作为一个选项供你选择。三种选择，可以选默认3或者默认2或者自配，我这里选的自配。是否使用class风格的组件语法，输入y，回车。是否使用babel做转义，输入y，回车。
Mac 安装 vue3 环境
qq_61842012的博客
06-18 5530
Mac 如何配置 vue3 环境并使用ui 界面/ vscode 管理你的vue 项目。本教程仅适用于了解网络长城且会魔法的用户，配置全程需要稳定连接真正的互联网，否则你会因由于下载 nodejs 而绑定下载的 npm 包时遇到漫长的等待时间......
mac创建vue3项目
最新发布
02-25
为了在 Mac 上创建 Vue 3 项目，需先确保已安装 Node.js 和 npm。可以通过访问 node.js 的官网下载安装包[^4]。 #### 安装 Vue CLI 通过命令行工具来安装最新版本的 Vue CLI 脚手架。如果遇到权限问题，在命令前...
手把手教你创建并启动一个Vue3项目（Mac版）
徐泗空的博客
06-19 2576
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。3、上图红色部分，表示在路径C:\Users\xulijun下成功创建了一个名称叫my-vue-app的vue3项目，我们可以输入下面命令启动这个vue3新项目。2、运行完成后并没有提示，但是可以运行查看口令，验证是否切换成功。
从零创建 Vue 3 项目
码农键盘上的梦
02-06 8106
方法适用场景优点缺点Vue CLI中大型项目，需要完整生态支持功能强大，插件丰富配置复杂，启动速度较慢Vite现代前端项目，追求开发体验启动速度快，开发体验极佳生态相对较新官方模板快速上手，定制化需求简单快捷功能较少StackBlitz在线原型开发，快速分享无需本地环境依赖网络，功能受限在线开发，团队协作支持多人协作依赖网络，功能受限快速创建项目官方支持，配置灵活功能较少Nuxt.js服务端渲染，静态站点生成支持 SSR/SSG，SEO 友好。
mac vue3+ ts 项目搭建
weixin_43968055的博客
09-15 609
vue3+ ts 项目搭建 以下操作均在mac终端上操作，mac上需要增加sudo关键字进行操作，window系统不需要。 首先先检查本地vue版本号，是否已经安装vue vue --version 如果本地没有vue版本，请到vue官网去安装版本vue官网安装 创建项目 sudo vue create vue3-demo 选择vue3版本，然后回车开始搭建 搭建完先运行一下项目 npm run serve 因为我们要使用的是ts，所以要安装一下ts sudo npm install types
创建vue3项目
路在前方
03-22 304
【代码】创建vue3项目。
Mac Vue 新建项目（及升级 vue-cli3.x）
卡尔特斯
10-22 572
低版本升级到 vue-cli3.x Vue-cli 要求Node.js版本8或更高(8.10.0+推荐)。 安装 vue-cli3.x npm install -g @vue/cli # OR yarn global add @vue/cli 如果希望还保留 vue-cli2.x 的语法或使用 2.x 的模板，建议安装 cli-init npm install -g @vue/cli-init # OR yarn global add @vue/cli-init 我这边是选择的第一..
MacOS vue项目创建
weixin_45198573的博客
03-27 584
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bJZ11wR6-1679911770261)(简单后台管理系统前后端分离项目说明文档.assets/image-20230317104427476.png)]可以通过右键文件夹，选择“新建位于文件夹位置的终端标签页”在指定文件夹中打开终端（这是为了在指定位置创建vue项目），我们选择Babel，Router和Vuex（空格进行选择，enter进行确定）前面两个选项是Vue3和Vue2的默认配置，我们选择第三个自定义配置。
macbook安装vue_mac 上安装vue，并创建项目 vue-cli3.x
weixin_39722917的博客
12-20 616
vue-cli2.x安装创建，可见下文章vue-cli3.x之前项目运行遇vue报错，提示vue-cli，查阅资料发现，是之前项目vue-cli版本问题解决：1.更换安装地址npm install npm -g2.卸载之前vue-cli版本npm uninstall -g vue-cli3.安装新版本npm install -g @vue/cliok,此刻问题处理完毕but，vue-cli3.0后...
mac配置vue3.0开发环境+首个地图应用
cungudafa的博客
03-31 3983
目录前言正文1.环境1.1 vscode安装1.2 npm安装1.3 vue-cli安装 前言 以前用vue写过一个小小demo，没想到现在偶然能用上vue，重启记录一下方便以后查看，我的开发环境是mac和VScode。 教师管理系统小demo：有兴趣可以在这个专栏看看：VUE 包含配置windows环境：【小白学习Vue | 1】安装Vue并配置HBuilder 正文 1.环境 1.1 vscode安装 官网下载：https://code.visualstudio.com/ 下载慢的问题：将域
在Mac上安装Vue
weixin_35790277的博客
05-13 822
在Mac上安装Vue 1. 安装Node.js 1.1利用brew安装 首先要在mac上安装brew brew 是 Mac 下的一个包管理工具，作用类似于 centos 下的 yum。 brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包，因为brew的使用方便，如今已成为使用mac电脑的程序员的必备工具 如果mac没有安装brew，执行下面的命令安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Hom
一台Mac同时安装vue2和vue3
c103363的博客
02-06 1796
电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue3
Vue:Mac下Cli 3.x环境搭建与vue基本配置及部署
陌生谁家年少
05-13 3807
Vue环境搭建 一、安装 1.安装node brew安装 brew install nodejs 安装完成，查看node.js版本 node -v 设置nodejs模块安装目录访问权限 chmod -R 777 /usr/local/lib/node_modules/ 2.安装淘宝镜像 npm install -g cnpm --registry=https://registry.n...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值