2020/11/02 mac配置环境 安装vue脚手架

最新推荐文章于 2025-11-17 11:23:39 发布
原创 最新推荐文章于 2025-11-17 11:23:39 发布 · 760 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mac #vue

本文介绍了如何在Mac上安装Node.js并配置开发环境。包括从官方网站下载Node.js，验证安装，使用npm命令全局安装Vue及相关脚手架，以及安装Element UI和Axios等依赖。

上班第一天，发的Mac，配置环境

  1. 安装node
    官网下载 node

  2. 查看版本号是否安装成功
    npm -v node -v

  3. 安装vue
    sudo npm i -g vue

  4. 安装脚手架
    sudo npm install -g @vue/cli

－－其他部分vue指令参考－－
查看版本号 vue -V
创建项目 vue create 项目名称
引入element-ui npm i element-ui -S
引入axios npm install axios -S

mac电脑通过 npm 安装 @vue/cli脚手架超时问题；
梦想的追求
10-29 1421
macos 上@vue/cli脚手架的相关工具
使用mac搭建vue脚手架
aaaaaaaa_ewf的博客
02-22 1487
1、需要安装node.js 2、安装vue脚手架用cnpm安装（使用国内镜像安装） npm install -g cnpm --registry=https://registry.npm.taobao.org 3、检查是否安装成功 cnpm -v 4、用cnpm安装vue脚手架 cnpm install -g vue-cli 5、检查是否安装成功 6、如果无法查看版本号 可能是npm 版本过低 解决办法：npm install -g npm（更新一下版本就好了）。...
Mac搭建Vue框架--脚手架
Song_Lun的博客
08-23 1372
全局下载脚手架：npm install -g @vue/cli（一般情况下只需要安装一次，除非你重装系统或者重装node才需要再次进行下载）输入命令：vue create 项目名称。查看版本：vue --version。查看电脑是否安装node和npm。查看node版本：node -v。选择插件（空格选中）然后一路回车。查看node版本：npm -v。自定义选择第三个安装方式。安装node和npm。安装完毕后用命令查看。...
Node.js 安装指南（Mac 版本）
最新发布
油墨香^-^的博客
11-17 1172
本文详细介绍了在Mac系统上安装Node.js的完整流程，涵盖了从准备工作到安装后配置的全方位指南。主要内容包括：三种主流安装方法（官方安装包、Homebrew和nvm）的优缺点比较与详细步骤；安装后的环境验证、npm配置优化和常用工具安装；通过创建简单应用演示Node.js开发流程；常见问题解决方案和开发环境配置建议；以及Node.js的维护更新方法和进阶主题。文档特别针对Mac用户（包括Intel和Apple Silicon芯片）进行了优化，提供了不同技术水平的安装方案选择，并强调了版本管理的最佳实践。
Mac OS X下安装Vue脚手架（vue-cli）
weixin_34248118的博客
10-13 677
前言 Vue作为前端三大框架（Angular，React，Vue）之一，号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。具有开发快，双向数据流等特点，有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系，以至于促使其发展飞快。下面来就来讲讲Vue脚手架...
Mac上安装Vue脚手架（CLI）
Delong-IT
03-04 1729
以上步骤应该可以帮助您在Mac上安装和配置Vue脚手架。如果您使用的是较旧的Vue CLI版本（如2.9.6），可能需要使用。来检查是否安装了Node.js。如果输出了版本信息，表示已经安装成功；来创建一个新的Vue项目。来全局安装Vue CLI。这将在用户级别安装脚手架工具，使得可以随时使用。这样会启动一个本地服务，并在浏览器中展示您的Vue应用。来验证Vue CLI是否正确安装。如果输出了版本信息，表明安装成功。进入您希望创建项目的目录，然后输入。安装新的Vue CLI版本。进入项目目录，接着输入。
Mac Vue脚手架vue-cli 安装&卸载
m0_73783485的博客
08-10 982
Vue Mac脚手架安装与卸载 和本地安装 全局安装及cmd指令
Mac电脑安装并配置Vue环境
璐璐璐
09-18 9809
1.安装node.js和npm环境 点击Node.js下载进入上图网站进行下载， 随后跟着顺序进行安装就好。 2.配置node.js环境 这一步一定要做，不然后面安装Vue脚手架的时候就会出现错误（不要问我怎么知道的） 打开环境变量文件 open -e .bash_profile 打开之后添加一行以下代码，（Mac的node，npm可执行文件都在/usr/local/bin/...
mac配置vue3.0开发环境+首个地图应用
cungudafa的博客
03-31 4158
目录前言正文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/ 下载慢的问题：将域
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
热门推荐
小韩的博客
09-09 1万+
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
mac 安装vue脚手架
qq_45615178的博客
07-20 548
macos 安装vue
Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学
No1banana的博客
05-05 9018
Macbook 苹果电脑 安装Vue脚手架教程 1.首先我们进入Node.js的官网，下载安装Node.js 如果你已经安装过可以忽略 网址http://nodejs.cn/ 2.直接点击下载，这里我下载的是18版本最新版的。 3.选择macOS版本后会直接下载 4.下载完成后直接点击安装即可 5.Node.js安装完成后接下来我们打开电脑的终端 6. 然后我们进入Vue的官网 https://cn.vuejs.org/ 7. 在*生态系统*处找到*Vue CLI*选项点击进入 8.点击‘起步’
MAC安装vue脚手架
m0_56996859的博客
03-21 1870
一 Node.js先去官网下载node.js 二，打开终端查 node -v 查node版本 npm -v 是下载node自带的 三，安装脚手架 sudo npm install -g @vue/cli vue
Mac Vue脚手架搭建
hzqit520的博客
02-02 490
Mac Vue脚手架搭建
mac下安装vue cli脚手架并搭建一个简易项目
weixin_44629215的博客
07-28 2640
1、确定本电脑下node和npm版本是否是最新版本。2、下载vue脚手架3、创建项目。
Vue脚手架安装及项目搭建（mac版)
z2463495504的博客
09-19 788
Vue脚手架安装及项目搭建（mac版)
Mac OS安装Vue CLI脚手架并创建一个基础项目教程
Sky的博客
07-09 4241
本文详细介绍了在Mac端如何安装Vue CLI并构建第一个Vue项目。
在mac上安装vue的流程,搭建了一个简单的脚手架
weixin_33939843的博客
05-24 183
2019独角兽企业重金招聘Python工程师标准>>> ...
在mac上安装vue脚手架遇上的坑
itwangyang520的博客
09-10 3843
  1 安装Node.js 参看 上篇 node.js 环境安装 【Node.js】Mac 下node安装图文详解 2 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架 cnpm install -g vue-cli 输入...
mac vue安装及环境配置
02-17
### macOS 上 Vue.js 安装教程与环境搭建 #### 一、准备 Node.js 环境 为了在 macOS 上顺利安装和使用 Vue.js，首先需要确保已经正确安装了 Node.js 及其包管理工具 npm。可以通过访问官方网址获取适合 macOS 的...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值