记一次mac搭建vue开发环境过程

最新推荐文章于 2025-03-24 17:52:03 发布

原创最新推荐文章于 2025-03-24 17:52:03 发布

· 479 阅读

1 ·

版权

文章标签：

#vue.js

作为一个服务端开发人员准备了解点前端开发姿势于是在自己的办公MAC上动手搭建vue开发环境。前后折腾大约3个小时左右现记录采坑点如下。

采坑1：正常安装node后 node -v 出现

env: node: No such file or directory

各种搜索大概30分钟后找到解决方法，具体操作如下

无法使用node命令，解决办法如下：

第一步：sudo brew uninstall node

第二步：brew update

第三步：brew upgrade

第四步：brew cleanup

第五步：brew install node

第六步（可能会提升权限问题可以直接跳过）：sudo chown -R $(whoami) /usr/local

第七步：brew link --overwrite node

第八步：brew postinstall node

第九步：此时即可使用：node -v

查看是否成功，我的Mac提示为：v8.4.0

采坑2：运行项目：npm run dev 提示：

multi (webpack)-dev-server/client?http://localhost:8080/sockjs-node (webpack)/hot/dev-server.js ./src/pages/pan/main.js

又折腾30分钟才得以解决，具体解决方法如下：

npm install node-sass

再次执行：

npm run dev

终于成功，前后经过2个多小时折腾终于看了期待已久的界面

Version: typescript 3.4.3
Time: 8090ms

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: unavailable

  Note that the development build is not optimized.
  To create a production build, run npm run build.