Mac电脑安装并配置Vue环境

最新推荐文章于 2024-08-07 18:24:45 发布
最新推荐文章于 2024-08-07 18:24:45 发布
阅读量9.6k 收藏 19
点赞数
分类专栏： Vue 文章标签： vue js mac
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31885421/article/details/82751940
版权
本文详细介绍了在Mac电脑上安装和配置Vue环境的步骤，包括安装node.js和npm，配置环境变量，全局安装vue-cli，安装webpack，创建Vue项目文件，并查看项目结构。在完成这些步骤后，开发者可以顺利地在本地开始Vue项目的开发。
摘要由CSDN通过智能技术生成

1.安装node.js和npm环境

点击Node.js下载进入上图网站进行下载，

随后跟着顺序进行安装就好。

2.配置node.js环境

这一步一定要做，不然后面安装Vue脚手架的时候就会出现错误（不要问我怎么知道的）

打开环境变量文件

open -e .bash_profile

打开之后添加一行以下代码，（Mac的node，npm可执行文件都在/usr/local/bin/目录下）

PATH=$PATH:/usr/local/bin/

如上图所示。

检测一下是否安装成功。

最低0.47元/天 解锁文章
璐璐璐i
关注
专栏目录
Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学
No1banana的博客
05-05 8670
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
MrZhang的博客
02-12 852
一、官网下载node `` 选择mac os下载 查看版本 node -v 若报错node:command not found，查看解决 二、安装全局vue-cli脚手架 用于快速搭建大型单页应用 sudo npm install -g vue-cli bogon:~ me$ sudo npm install -g vue-cli Password: npm WARN deprecat...
mac下vue-cli的安装
abcde158308的博客
11-20 1858
mac下vue-cli的安装 照着官网去安装 vue CLI官网 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先卸载掉之前的旧版本， 然后在安装最新版本。 步骤1.npm uninstall vue-cli -g 卸载旧版本vue-cli 如果报以下错, 则说明是权限问题，输入以下命令去解决sudo chown -R $USER /usr/local/lib/node_modules ..
npm的配置和使用
最新发布
记录开发和安全学习过程中的点点滴滴
08-07 1332
虽然之前在写node.js笔记中有写过一些对npm的介绍,但当时着重于介绍npm构建npm包以及通过npm构建node.js应用,本篇是之前在学前端工程化时的笔记,需要的话可以结合两篇来进行食用,下面的文章,直接在目录中找到npm部分进行查看即可Node.js笔记(万字总结)_nodejs笔记-CSDN博客。
输入vue -V后返回两条line （Mac配置node运行vue一直不成功）
2301_77482405的博客
12-25 512
另外 我的node 版本号是这个 ，是用brew安装的node，在官网安装都是19.几。如果版本不对的话可以去试试node彻底卸载，然后用brew安装一个( 我就是这样 ）在官网下载node默认好像是这个路径，如果不知道就在终端输入 which npm 查看，找到以后替换掉下面的路径。同样如果显示“command not found”，则表示已经卸载干净。如果成功，会提示输入项目名称，自定义就可以。如果输入密码正确不返回error的话，输入。，挨个执行一次就可以了。复制到浏览器中，显示下图。
如何使用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
npm vue 安装过程中遇到npm ERR! errno -17
u010325193的博客
02-12 5520
npm install -g @vue/cli 遇到npm ERR! errno -17 ➜ chapter3 npm install -g @vue/cli npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due...
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 8131
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
通过实例解析chrome如何在mac环境中安装vue-devtools插件
11-19
在开发Vue.js应用程序时，Vue DevTools是一款非常重要的工具，它可以帮助开发者查看并调试Vue...在Mac环境下安装Vue DevTools虽然比Windows多了一些步骤，但遵循这些步骤，你应该能够顺利安装并使用这个强大的工具。
Mac 配置vue项目开发环境之VSCode
qq_38960844的博客
05-19 2391
Mac m1版配置vue项目开发环境之VSCode一、配置VSCode1、下载VSCode2、汉化VSCodenpm安装1、下载Node2、 安装镜像3、vue-cli安装 一、配置VSCode 1、下载VSCode 进入VSCode官网https://code.visualstudio.com，下载Mac版安装包，解压缩，拖到启动台即可。 2、汉化VSCode npm安装 1、下载Node 进入node官网，找到下载链接： 双击下载好的安装包，依次操作，直到完成安装；检查是否安装成功：打开终端，输入
Mac查看node/vue..等安装路径
Ms_alinda的博客
10-31 4412
查看node 输入： which node 即可以返回路径： /usr/local/bin/node 查看vue which vue 以此类推。。
第三章Mac系统下安装Vue-cli详细步骤
热门推荐
十二指环的博客
06-07 3万+
第三章Vue-cli安装因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端 按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https://nodejs.org/en/download/ （选择mac os） 安装完毕，有了 2
mac下/usr/local/bin No such file or directory问题解决
BTYE的博客
04-11 1万+
在对composer进行全局配置时，执行 sudo mv composer.phar /usr/local/bin/composer 时，mac报错：/usr/local/bin No such file or directory 。 分析原因，在finder中command+shift+G进入目录，确实也找不到 /usr/local/bin/composer ，包括在终端中也进不到该目录。 参考...
【Mac电脑卸载vue/cli@2.9.6失败】vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
我有满天星辰的博客
07-21 2981
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
mac 安装及配置vue
Conan_ft
09-11 1140
mac 配置vue全过程。
在mac上配置vue开发环境
hello world
02-25 1246
在mac配置vue开发环境基本流程如图1所示 1. 在mac上安装brew brew 是 Mac 下的一个包管理工具，作用类似于centos下的yum。 brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包，因为brew的使用方便，如今已成为使用mac电脑的程序员的必备工具 如果mac没有安装brew，执行下面的命令安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebre...
linux全局安装vue-cli后输入vue: 未找到命令
衣乌安、随笔
08-13 8110
需要讲安装的全局包建立软连接 #sudo ln -s /home/zsy/你的安装路径/bin/vue /usr/local/bin/vue 建立成功，则会在/usr/local/bin/目录下生成一个叫vue的文件 然后输入 vue --version 或 vue -V 终端显示版本号即可...
ubuntu下全局安装vue后报错：未找到vue命令
balabala_201710的博客
05-31 1918
安装了vue以后还是报错说找不到vue命令怎么办？ sudo ln -s /opt/node-v××××/bin/vue /usr/local/bin/vue 像这样将全局安装包创建软链接即可 验证vue是否安装成功： vue -V vue --version ...
Vue开发环境配置指南
而在Mac环境下，安装后无需额外配置环境变量。 完成nodeJS的安装后，可以通过命令`node -v`和`npm -v`来检查nodeJS和npm的版本。接着，你可以用`npm config list`查看npm的配置信息。注意，nodeJS自带的npm可能不是...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值