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

相关推荐
申阳2 分钟前
Day 6:04. 基于Nuxt开发博客项目-LOGO生成以及ICON图标引入
前端·后端·程序员
中国lanwp14 分钟前
npm中@your-company:registry 和 registry 的区别
前端·npm·node.js
Bacon16 分钟前
Electron 应用商店:开箱即用工具集成方案
前端·github
行走的陀螺仪17 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽20 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
jump68021 分钟前
commonjs 和 ES Module
前端
旧曲重听143 分钟前
前端需要掌握多少Node.js?
前端·node.js
Mr.Jessy44 分钟前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
云枫晖1 小时前
前端工程化实战:手把手教你构建项目脚手架
前端·前端工程化
醉方休1 小时前
开发一个完整的Electron应用程序
前端·javascript·electron