Mac 12 安装VUE 开发环境

VIP文章 已于 2022-11-29 13:43:37 修改
阅读量617 收藏
点赞数
分类专栏： vue 前端开发 文章标签： vue.js macos 前端
于 2022-11-28 16:35:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41636021/article/details/128080414
版权

1.Vue2.0推荐开发环境

软件 功能
HomeBrew 3.2.3 Mac系统下的包管理器，类似于Linux的apt-get，rpm
Node.js 16.5.0 JavaScript 运行环境（runtime），操作系统不能直接运行各种编程语言的，通过Node.js 来解释执行JavaScript，类似Java对应的JVM
npm 8.19.3 Node.js下的包管理器，类似于Mac下的Homebrew
webpack 5.75.0 Vue的组件都是后缀为.vue的文件，webpack负责把他们翻译打包成.js 文件
vue-cli 2.9.6 用来生成模板的Vue工程，相当于按照设计好的图来盖房子

2. 安装brew

Mac 系统自带了HomeBrew，如果没有的话，可以通过如下命令安装

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

在这里插入图片描述
如果需要输入密码时，输入开机密码继续下载，下载完成后提示重启终端或者运行命令

source ~/.zprofile

安装完成后可以通过 brew - v 查看Homebrew的版本

hfl-mac:~ hfl$ brew -v
Homebrew 3.2.3-49-g35c9df4
Homebrew/homebrew-core (git revision 5b6f3f2af7; last commit 2021-07-21)
Homebrew/homebrew-cask (git revision ed9c024126; last commit 2021-07-21)

3. 安装Node.js

在终端中运行以下命令：

brew install nodejs

安装过程中可能出现如下错误：

hfl-mac:~ hfl$ brew install nodejs
Warning: You are using macOS 12.
We do not provide support for this pre-release vers
最低0.47元/天 解锁文章
冬天的妖怪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js 2.0和Cordova开发webApp环境搭建方法
01-19
3、开发系统：mac、windows等； 4、环境配置： node 6+ npm 3+ （最好下载Node.js官方最新版本） 、jdk1.8、SDK（请直接下载Androidstudio软件官方最新版本，已集成AndroidSDk，建议以默认路径安装） 。 二、系统...
在mac上配置vue开发环境
kikoslee的博客
03-10 3838
在mac上安装brew，安装nodejs，安装webpack，安装vue，创建vue项目，安装vue项目依赖，启动vue项目
macbook 安装vue环境及pycharm中编辑vue
sydjcwx
02-20 1343
1.安装brew brew 是 Mac 下的一个包管理工具，作用类似于 centos 下的 yum。 brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包。 安装命令：/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)” 如果提示你：Failed to connect to raw.githubusercontent.com port 443: Co
Mac环境下如何配置Vue？一文就够！
Itsbaikai的博客
09-12 2556
在Mac下如何配置Vue环境
Macbook搭建vue开发环境
ImSeniorProgrammer的博客
04-17 8198
一、Vue2.0推荐开发环境 注：上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布 本人使用的各个工具的版本为： Homebrew 3.4.6 node.js v17.9.0 npm 8.5.5 cnpm: webpack 3.2.0 Vue 2.8.2 一、安装brew 1、打开终端运行以下命令： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" .
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 4374
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
Mac_desktop:Vue仿Mac桌面
04-11
介绍 这是一个基于vue全家桶仿Mac桌面的小项目 vue + iconfont图标完成基本界面 利用vue-layer实现弹框层...启动开发环境 //npm run serve 构建 //npm run build 截图 初试化桌面 天气 更换壁纸 地图 音乐播放器 播放MV
深入浅析Vue组件开发
11-29
前言 这里讲的主要是想谈谈基于Vue的一个组件开发。...一、Vue环境的搭建 1、Mac用户 首先安装包管理homebrew /usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/in
手把手讲解Vue + Element UI实现后台管理系统(一)：搭建开发环境源代码
04-18
手把手讲解Vue + Element UI实现后台管理系统(一)：搭建开发环境源代码
Vue2.0 从零开始_环境搭建操作步骤
12-10
简要：继项目空闲后，开始着手vue的学习;为此向大家分享其中的艰辛和...二、开发环境 三、环境搭建 1. 包管理器安装 （1） Homebrew安装 (mac 环境，win无法安装) /usr/bin/ruby -e "$(curl -fsSL https://raw.gith
在Mac上安装Vue
weixin_35790277的博客
05-13 601
在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 M1安装Node并且构建Vue项目的经历
weixin_42505381的博客
12-22 4376
记一次Mac M1安装Node的经历，希望为其他人提供相关情境的解决思路
【brew】Mac上安装vue3
Badme
11-29 398
【brew】Mac上安装vue3
Mac安装Vue
qq_68384595的博客
03-29 2918
随着学习的进程，也是从web学习到了Vue，vue是一个渐进式框架但是在安装的同时也有很多的问题，下面让我们来一起看一下小编遇到的问题吧提示：以下是本篇文章正文内容，下面案例可供参考以上就是我在装vue的时候的教程和安装时候的问题和解决的办法，希望有用mac的小伙伴可以用到我说说的。不会的也可以给我发私信询问我。
vue开发环境搭建部署（mac版）
zwrlj527的专栏
11-06 1167
目前我们是springBoot + vue，有手持终端就用uniapp + vue。今天不讲其他也就是把公司的前端项目下载下来跑起来，看看效果，后期在具体学写。开发环境其实不难部署其实也不难对于我个人而已其实难的是写页面、样式至于是用ES还是TS，个人而言，可能TS需要学习，ES还是信任自己的JS基础的。后面再跟大家分享写的过程吧。
brew安装 node、npm、vue-cli
qq_42112846的博客
08-24 1758
这里先简单的说一下，安装好brew之后，brew的简单命令： 1、简单使用 安装软件：brew install 软件名，例：brew install wget 搜索软件：brew search 软件名，例：brew search wget 卸载软件：brew uninstall 软件名，例：brew uninstall wget 更新所有软件：brew update 更新具体软件：brew ...
这是一份保姆级Vue3+Vite实战教程
qq_43430453的博客
02-09 2735
写在前面注：本文首发掘金签约专栏，此为文章同步！很长时间没有更新文章了，由于这次签约专栏不能和之前的专栏重复，外加最近又有很多小伙伴问我 Vue3 在实战中的注意事项和技巧，我想了想，决定写一个 Vue3 实战专栏，我理解的项目实战，就是大家在看到这篇文章的时候，我刚创建好项目，然后目前码字的我就是在一边写项目一边写文章。在刚刚开始接触前端的时候就一直想写一个工具大全的网站，一直没闲下来写，正好凑...
mac 安装vue
༺墨༒眉༻
06-08 5498
一、安装nodejs官网直接下载 Node.js 二、使用 npm安装cnpm 三、安装vue-cli 脚手架 使用 npm -v cnpm-v查看是否成功运行一个vue项目 npm run 找到要运行的script
Vue.js 2.0环境搭建（mac机系统环境）
王亟亟的博客
03-21 8413
转载请注明出处：王亟亟的大牛之路按照国际惯例先安利，：https://github.com/ddwhan0123/Useful-Open-Source-Android有一段时间没有写文章了，学习的进程也因为工作业务的事有所搁置，不过还好，这礼拜抽出了一点时间学习点新东西，然后写这么一篇给自己记录下，以后换机子的时候省得再百度现在对于移动端开发来说提React React-Native 或者Vue W
python vue开发环境搭建
最新发布
02-02
要搭建Python Vue开发环境，你需要安装Python和Vue的相关工具和库。下面是一个简单的步骤： 1. 安装Python：首先，你需要安装Python解释器。你可以从Python官方网站（https://www.python.org）下载适合你操作系统的Python版本，并按照安装向导进行安装。 2. 安装pip：pip是Python的包管理工具，用于安装和管理Python库。在安装Python时，通常会自动安装pip。你可以在命令行中运行`pip --version`来检查是否已安装。 3. 安装Vue CLI：Vue CLI是一个用于快速搭建Vue项目的命令行工具。你可以使用npm（Node.js包管理工具）来安装Vue CLI。首先，确保你已经安装了Node.js（https://nodejs.org），然后在命令行中运行`npm install -g @vue/cli`来全局安装Vue CLI。 4. 创建Vue项目：在命令行中，进入你想要创建Vue项目的目录，并运行`vue create <project-name>`来创建一个新的Vue项目。根据提示选择你需要的配置选项。 5. 运行Vue项目：进入项目目录，运行`npm run serve`来启动开发服务器。然后，你可以在浏览器中访问`http://localhost:8080`来查看你的Vue应用程序。 6. 安装Python虚拟环境：为了隔离不同项目的Python依赖，建议使用Python虚拟环境。在项目目录中，运行`python -m venv <venv-name>`来创建一个新的虚拟环境。然后，激活虚拟环境，Windows系统运行`<venv-name>\Scripts\activate`，Linux/Mac系统运行`source <venv-name>/bin/activate`。 7. 安装Python依赖：在虚拟环境中，使用pip安装你需要的Python库。例如，运行`pip install flask`来安装Flask库。 现在，你已经成功搭建了Python Vue开发环境，并可以开始开发你的应用程序了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值