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项目前期环境安装好了

相关推荐
拖拉斯旋风几秒前
CSS Modules:现代前端组件化样式的安全边界
前端
张元清几秒前
告别 Promise.all 的依赖困境:better-all 如何优雅管理异步任务
前端·javascript·面试
程序员爱钓鱼21 分钟前
Node.js 编程实战:测试与调试 —— Mocha / Jest / Supertest 使用指南
前端·后端·node.js
一勺菠萝丶26 分钟前
芋道项目部署:前端写死后端地址 vs Nginx 反向代理
前端·nginx·状态模式
pas13642 分钟前
30-mini-vue 更新 element 的 props
前端·javascript·vue.js
魁首1 小时前
OpenAI Codex 深入剖析:下一代 AI 编程助手的架构与原理
前端·openai·ai编程
火星数据-Tina1 小时前
如何构建一个支持多终端同步的体育比分网站?
大数据·前端·数据库·websocket
IT_陈寒1 小时前
React 19 实战:5个新特性让你的开发效率提升50%!
前端·人工智能·后端
GuMoYu1 小时前
el-date-picker限制选择范围
前端·javascript·vue.js