mac电脑搭建vue项目(下篇)

第三步:安装npm

(1)执行以下命令安装cnpm淘宝镜像

复制代码
sudo npm install -g cnpm --registry=https://registry.npmmirror.com

(2)执行命令cnpm -v查看版本信息,结果说找不到cnpm命令

(3)查看npm的全局安装路径

复制代码
npm root -g

(4)把npm全局安装路径改为/usr/local/lib/node_modules,执行以下命令

复制代码
npm config set prefix /usr/local

(5)重新安装npm脚手架

复制代码
sudo npm install -g @vue/cli

(6)重新安装淘宝镜像

复制代码
sudo npm install -g cnpm --registry=https://registry.npmmirror.com

(7)再次执行查看cnpm版本号的命令

复制代码
cnpm -v

说明npm安装成功

第四步:安装webpack

(1)

复制代码
sudo cnpm install webpack -g

(2)查看webpack版本号

复制代码
webpack -v

(3)执行no,回车。然后输入命令安装webpack-cli

复制代码
sudo  cnpm install webpack-cli -g

第五步:安装vue脚手架

复制代码
sudo cnpm install vue-cli -g

vue项目前期环境安装好了

相关推荐
OpenTiny社区4 分钟前
Coding Agent 到底是怎么工作的,它又为什么会在复杂代码库里失真?
前端·github·agent
REDcker8 分钟前
macOS 挂载 Linux 远程目录详解
linux·运维·macos
奇奇怪怪的9 分钟前
Graph RAG:知识图谱增强检索
前端
2601_9615934211 分钟前
Mac 上搭建Linux环境吗?VMware + CentOS Stream 9 镜像快速部署
linux·运维·ide·macos·centos
默_笙20 分钟前
🌏 MCP 是 AI 界的 USB-C:一个协议让所有模型都能用上所有工具
前端·javascript
以和为贵32 分钟前
🔥前端也能搞懂流式输出:从 SSE 到打字机效果
前端·人工智能·架构
阿成学长_Cain1 小时前
Linux telinit 命令详解:运行级别切换|关机重启|系统维护一站式掌握
linux·运维·前端·网络
Patrick_Wilson2 小时前
最佳实践是有保质期的:从一次 CDN external 白屏事故说起
前端·性能优化·前端工程化
YHHLAI2 小时前
[特殊字符] Agent 智能体开发实战 · 第一课:Tool Use —— 让大模型自动干活
前端·人工智能
nuIl2 小时前
我把 5 个编码 Agent 塞进了一个 npm 包
前端·agent·claude