Mac 搭建Vue CLI 3项目

最新推荐文章于 2024-06-25 09:31:40 发布
最新推荐文章于 2024-06-25 09:31:40 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Say_one/article/details/103619423
版权
本文介绍了在Mac上如何安装Vue CLI3并创建一个Vue项目。首先，需要卸载旧版本的vue-cli，然后确保Node.js版本在8.9以上。通过添加sudo解决权限问题来安装Vue CLI。安装成功后，可以使用vue命令查看版本和创建项目。接着，通过vue create命令创建项目，并选择预设或手动选择特性。最后，进入项目目录，使用vue serve启动项目，完成项目创建。
摘要由CSDN通过智能技术生成

一、安装Vue CLI3

关于旧版本
如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过下列任一命令卸载它。

npm uninstall vue-cli -g
OR
yarn global remove vue-cli

安装之前先查看node 版本，Vue CLI 需要node.js8.9或更高版本（推荐8.11.0+）

安装Vue CLI

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

出现报错，没有权限

Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@vue'

最低0.47元/天 解锁文章
Guyal_
关注
专栏目录
Mac 安装 vue3 环境
qq_61842012的博客
06-18 2502
Mac 如何配置 vue3 环境并使用ui 界面/ vscode 管理你的vue 项目。本教程仅适用于了解网络长城且会魔法的用户，配置全程需要稳定连接真正的互联网，否则你会因由于下载 nodejs 而绑定下载的 npm 包时遇到漫长的等待时间......
mac 下如何建立vue-cli项目
weixin_30371469的博客
10-17 121
command+space : terminal //检测是否存在node node -v //检测是否带有npm安装管理工具 npm -v //具备进行下一步 //在documnets下建立vue文件夹 cd documents/vue 　　 sudo npm install -g vue-cli //可以不用sudo，sudo...
Mac 配置vue-cli
最新发布
Cindy_zhen111的博客
06-25 578
3.which node 查看node路径：/usr/local/bin/node （command+shift+g能快速搜索）1.在任意位置创建一个用于存放vue项目的文件夹，右击文件夹选择在终端窗口中打开。6.执行上面两行命令后，会有网址给到你，从浏览器打开该网站，配置成功！vue create hello-world 创建第一个项目。2.vue --version 检查vu e版本信息。7.检查是否安装成功：vue --version。2.node -v和 npm -v查看版本号。
手把手教你创建并启动一个Vue3项目（Windows版）
易雪寒的博客
06-19 2083
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
vue-cli3 搭建 vue 项目
LemonTree_C的博客
10-17 227
mac vue-cli3 搭建 vue 项目
Mac下面安装vue脚手架CLI3
zxh7770的博客
01-19 1439
阐述： 在Mac上面执行 npm 命令安装vue插件的时候，比如这次安装cli命令为例：在网上搜索一般都是直接执行 npm install -g @vue/cli 但是在window上好用，在Mac上面就要这样写：sudo npm install -g @vue/cli，执行完输入密码，然后在进行安装操作。（安装过程中错误信息会写在最下面） 注意： 要想安装成功，必须前提是安装了node环境才可以。 1. 安装Vue脚手架 - CLI3 1.1 执行命令： sudo npm install -g
vue初体验1：新建vue3项目并启动访问（mac）
小浪与艳花
07-05 4747
HBuilderX集成了多种开发工具和语言，包括HTML、CSS、JavaScript、TypeScript、Vue.js、React等，可以帮助开发者更高效地进行Web前端开发。可以快速构建vue的工具，自动安装vue所需要的插件，避免手动安装各种插件，以及寻找各种cdn并一个一个引入的麻烦。2、集成了多种调试工具和模拟器，可以在不同的设备和浏览器上进行实时调试和预览，有助于更快的定位和解决问题。3、有多种代码重构和自动化工具，如代码格式化、自动缩进、自动补全等，有助于更规范和高效地编写代码。
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
Vue CLI2与Vue CLI3的共存实现对于开发者来说是个重要的技能，尤其是在需要兼容旧项目的情况下。以下是共存两种版本Vue CLI的实现方法的详细知识点。 首先，创建两个文件夹，例如命名为`vue2`和`vue3`，用于存放...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
Vue CLI（Vue.js Command Line Interface）是Vue.js官方提供的一个命令行工具，用于快速搭建Vue.js项目。它简化了创建项目、配置构建流程以及开发环境的步骤，使得开发者能够更专注于编写应用程序本身，而非繁琐的...
vue-cli-preset:Vue CLI的预设
05-16
3. **Vue CLI 预设创建**：通过 `vue create` 命令，我们可以创建一个新的 Vue 项目，并指定预设。例如，`vue create --preset flaviocopes/vue-cli-preset example-app` 这条命令会使用 Flavio Copes 提供的预设 `...
vue3.0项目创建
浩星
03-01 770
前言： 用vue的最新脚手架来搭建vue3.0的正式项目 目录： 步骤： 1、安装最新的脚手架，如果有可以不看这步了(***这里使用cnpm) 检查：vue -V 出现下面的就代表成功了 2、在你想建项目的地方打开PowerShell/小黑框，输入vue + create + 你的项目名 ，然后回车 vue create newject 3、然后会出现下面的选择，这里选择自定义的，最后一个，然后回车 4、选择配置，上下键移动，空格选择，回车下一步 5、选择vue的版本...
Mac OS安装Vue CLI脚手架并创建一个基础项目教程
Sky的博客
07-09 2818
本文详细介绍了在Mac端如何安装Vue CLI并构建第一个Vue项目。
macOS M2 从0到1创建Vue3项目过程
m0_58953903的博客
02-11 475
打开vscode，打开终端cd到想创建项目的文件夹，运行以下代码。看到如下选项，需要的就选yes，不确定的就选no。
macbook安装vue_mac 上安装vue，并创建项目 vue-cli3.x
weixin_39722917的博客
12-20 568
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框架
solitude1128的博客
07-28 1211
Vue CLI 4.5及以上，对应的是Vue3，当然，创建项目的时候可以选择Vue2。有输出就看输出版本是多少，如果版本在4.5以下，就卸载然后重新安装，如果在4.5及以上，就可以直接创建项目。当第一项选择手动配置时，会有该选项。监测时机，这里选第一个，保存就监测，不要等提交在监测，那样问题会很多。选择Y的话，以后创建项目会将该次选择的配置作为一个选项供你选择。三种选择，可以选默认3或者默认2或者自配，我这里选的自配。是否使用class风格的组件语法，输入y，回车。是否使用babel做转义，输入y，回车。
macbook air vue3安装
wandoumm的博客
05-18 1042
vue3 mac 安装
mac系统安装node和vue3
qq_45435600的博客
04-10 768
cnpm的安装：npm install -g cnpm --registry=https://registry.npm.taobao.org。3.0版本： sudo npm install -g @vue/cli。2.0版本：sudo npm install -g vue-cli。
Vue CLI安装全攻略：从零到运行项目
通过本教程，读者将学会如何利用vue-cli搭建Vue.js项目，并理解项目中的核心文件及其作用。" Vue CLI是Vue.js官方提供的一个命令行工具，用于快速构建Vue.js项目。它简化了项目的初始化工作，提供了丰富的预设和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值