vue cli 在mac中配置

最新推荐文章于 2024-06-25 09:31:40 发布
最新推荐文章于 2024-06-25 09:31:40 发布
阅读量655 收藏 1
点赞数 1
分类专栏： vue 环境配置 webpack 文章标签： vue vue-cli 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37617413/article/details/85106124
版权
vue 同时被 3 个专栏收录
13 篇文章 0 订阅
订阅专栏
环境配置
6 篇文章 0 订阅
订阅专栏
webpack
2 篇文章 0 订阅
订阅专栏

vue cli 在mac中配置

全局安装 npm install -g vue-cli

npm install -g vue-cli

在这里插入图片描述

使用vue list查看vue的模板

vue list

vue list 运行结果

初始化启动项目

使用webpack 模板生成一个vue的项目

vue init webpack vue-demo

运行结果
在这里插入图片描述

进入项目目录

cd vue-demo //进入目录
npm install //安装依赖
npm run dev //启动项目

在这里插入图片描述
运行成功截图
在这里插入图片描述

打开浏览器查看效果
http://localhost:8080/#/ 或者http://127.0.0.1:8080/#/

在这里插入图片描述

这样一个初始化的vue的项目就完成啦！！

如有问题请联系我~

欢迎加入QQ群:
在这里插入图片描述

布袋里长出了橘猫
关注
专栏目录
Mac 安装vue
yesterday_lover的博客
06-03 343
总共需要安装5个内容: brew node cnpm webpack vue-cli 其中npm在node安装完就有了,由于有时npm太慢,所以用cnpm 1.安装Homebrew: 参考 https://blog.csdn.net/yesterday_lover/article/details/117450338 2.安装node.js,在终端中运行： brew install nodejs 也可以下载后安装,下载地址: https://nodejs.org/en/download/ 3.安
vue-cli vue脚手架安装及配置
qq_39940489的博客
08-04 514
package.json --> 类似于pom.xml 依赖管理 jquery 不建议手动修改。-build ----->用来使用webpack打包使用build依赖。注意：一切皆为组件。-.babelrc ----->将es6语法转为es5运行。-.gitignore -----> git版本控制忽略文件。-src ----->用来书写vue的源代码[重点]router ----->用来配置项目中路由[重点]-config ----->用来做整个项目配置目录。.........
Mac 配置vue-cli
最新发布
Cindy_zhen111的博客
06-25 586
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查看版本号。
Mac如何搭建Vue-cli环境
Gracener的博客
07-24 1301
如何通过MAC快速建立Vue-cli脚手架环境
Macos上安装vue-cli
qq_44174803的博客
10-25 4778
此文章主要讲解如何在macOS的终端上进行安装vue-clil，当然也可以根据自己的选择在VScode上进行安装，但此处不做过多介绍。 下面是具体步骤： 1.首先需要打开macOS上的终端terminal。（点卡下图中的终端进入命令行界面） 2. 需要部署Node环境 点击链接http://nodejs.cn/download/进入到node官网下载Mac版本的node，下载最新版即可，如下图所示。 由于在最近发布的版本中下载node 中包含了npm,所以不需要再在终端中输入npm install对np
Vue学习 之 MacOS 安装 vue-cli
竹毛言己
06-13 3489
vue-cli（Vue Command Line Interface）是Vue.js官方提供的一个脚手架工具，它提供了一些命令，可以帮助我们创建基于Vue.js的项目模板，快速开发Vue.js单页面应用（SPA）。使用vue-cli可以配置构建工具、插件、路由、状态管理等等，可以大大提升开发效率，减少重复操作。
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
在开发过程中，特别是在学习或工作上需要使用不同版本的Vue CLI工具时，能够在同一台电脑上共存多个版本的Vue CLI是非常有用的。Vue CLI是Vue.js的完整系统，用于快速搭建项目。Vue CLI2与Vue CLI3的共存实现对于...
vue-cli-preset:Vue CLI的预设
05-16
`vue-cli-preset` 是 Vue CLI 中的一个概念，它允许用户自定义并保存一组配置，以便在创建新项目时快速应用这些配置。 标题"vue-cli-preset:Vue CLI的预设"所涉及的知识点主要包括： 1. **Vue CLI**：Vue CLI 是 ...
Vue CLI配置与安装
zhuerla的博客
08-15 8969
Vue CLI配置与安装--Element UI引用--Vant引用
Mac安装Vue-cli和更新Vue-cli
weixin_46058038的博客
01-15 3854
Mac安装Vue-cli 查看自己的Max电脑是否有安装Vue-cli （1）没有安装的情况 打开命令窗口 输入 Vue -V 有出现版本号 表示已经安装。 出现????的情况表示没有安装 开始安装Vue-cli，打开命令终端，输入命令 Cnpm install -g @vue/cli 注意：这里使用的cnpm，需要安装插件，但是也可以使用npm镜像进行安装，但是速度会很慢，想知道原因的可以自己百度了解一下， 安装cnpm的命令，直接打开命令终端，复制，粘贴 $ sudo npm install -
mac 搭建vue开发环境
江淹的博客
01-11 3452
第一、 Mac OS系统安装 brew，打开终端运行以下命令: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 第二、 安装 node.js 　　　　为了避免使用brew命令经常出错的情况，所以采用手动安装　　 　　　　下载地址：（选择m
Mac 搭建vue-cli
Wjhsmart的博客
01-10 846
官网下载了各种版本的都跑不起来，各种报错，后来成功解决了，这里记录下过程 一、安装环境 1、安装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2、安装node.js brew install nodejs 3、获取nodejs模块...
Mac OS安装Vue CLI脚手架并创建一个基础项目教程
Sky的博客
07-09 2853
本文详细介绍了在Mac端如何安装Vue CLI并构建第一个Vue项目。
Mac Vue 环境搭建(vue-cli、webpack)
lkr_lkr的博客
10-26 282
Mac Vue 环境搭建前言安装 `npm`由于网络原因 安装 `cnpm`安装 `vue-cli`安装 `webpack` 前言 Mac Node.js安装(包含npm) 安装 npm npm 全称为 Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。 npm -v 由于网络原因 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao
mac下安装vue cli脚手架并搭建一个简易项目
weixin_44629215的博客
07-28 2247
1、确定本电脑下node和npm版本是否是最新版本。2、下载vue脚手架3、创建项目。
超详细Mac安装vue cli
EverythingDone的博客
06-05 812
TIP 2：执行 npm install -g @vue/cli 之后出现了图片内的错误是npm ERR!解决方法是清除npm缓存，命令如下：npm cache clean --force，在不行安装最新node版本。TIP 1：代表npm版本过低，需要升级下npm，直接输入sudo npm install -g npm@10.8.1 回车即可。TIP 3：执行 npm install -g @vue/cli 之后出现了图片内的错误npm ERR!可以使用sudo命令来提升执行npm或yarn命令的权限。
Mac 安装CLI报错处理解决方案
lhf294的博客
09-09 467
CLI
如何使用Vue CLI创建vue项目+项目目录介绍
王大锤的博客
05-03 554
1 初识Vue CLI 详见官网：https://cli.vuejs.org/guide/ 2 安装Vue CLI 2.1 卸载 学安装之前，我们先学习如何卸载 npm uninstall vue-cli -g #或者 yarn global remove vue-cli 2.2 安装 npm install -g @vue/cli # OR yarn global add @vue/cli 2.3 检查 # 可通过下列命令检查安装的脚手架的版本 vue --version # 或者 vue -V 2
vue开发环境搭建部署（mac版）
zwrlj527的专栏
11-06 1444
目前我们是springBoot + vue，有手持终端就用uniapp + vue。今天不讲其他也就是把公司的前端项目下载下来跑起来，看看效果，后期在具体学写。开发环境其实不难部署其实也不难对于我个人而已其实难的是写页面、样式至于是用ES还是TS，个人而言，可能TS需要学习，ES还是信任自己的JS基础的。后面再跟大家分享写的过程吧。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值