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

相关推荐
三十_A几秒前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
下位子8 分钟前
『AI 编程』用 Claude Code 从零到一开发全栈减脂追踪应用
前端·ai编程·claude
tyro曹仓舒8 分钟前
Vue单文件组件到底需不需要写name
前端·vue.js
用户47949283569159 分钟前
面试官:讲讲2FA 双因素认证原理
前端·后端·安全
乐影10 分钟前
TS 模板字符串类型:从基础到进阶的类型编程魔法
前端·typescript
龙在天11 分钟前
CSS 属性值的计算与过程
前端
云鹤_12 分钟前
【Amis源码阅读】组件注册方法远比预想的多!
前端·低代码
xinfei14 分钟前
ES6 新特性 从 ECMAScript 2015(ES6)到 ECMAScript 2025
前端
GBVFtou16 分钟前
vue响应式 track 和trigger 过程
前端
耀耀切克闹灬24 分钟前
生成tag号的脚本
前端