mac学习vue之环境搭建

最新推荐文章于 2024-07-17 14:30:00 发布

智商不够_熬夜来凑

最新推荐文章于 2024-07-17 14:30:00 发布

阅读量473

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/gzyh_tech/article/details/117597823

在Ubuntu上安装Vue.js环境时遇到了权限问题和命令未定义的问题。首先，通过更改npm的默认路径解决了权限错误，创建了~/.npm-global目录并配置环境变量。然后，尽管安装了vue-cli，执行vue命令时出现未定义的问题，可能是Vue CLI版本过低，通过卸载再安装解决。最后，vueui命令无响应，推测是因为Vue CLI版本低。整个过程比Windows系统更为复杂。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,安装node.js&vsCode

官网下载安装node.js

2,搭建vue环境

安装淘宝镜像

sudo nom install -g cpm --registry=https://registry.npm.taobao.org --vervose

搭建cli脚手架

cpm install -g @vue/cli

1，发现报错，权限问题：

解决办法，https://www.liangzl.com/get-article-detail-212641.html



本人在安装完node.js后使用npm安装vue时遇到权限问题：

Error: EACCES: permission denied, symlink '../lib/node_modules/vue-cli/bin/vue-init' -> '/usr/local/bin/vue-init'
解决方法是改变npm的默认路径

创建一个全局目录：
mkdir ~/.npm-global
配置npm使用新目录：
npm config set prefix '~/.npm-global'
打开或创建一个~/.profile文件并添加以下环境变量：
vim ~/.profile // 打开~/.profile文件
export PATH=~/.npm-global/bin:$PATH  //添加环境变量
更新系统变量：
source ~/.profile
安装任一包测试配置是否成功（非必须）：
npm install -g jshint

2，安装执行vue命令，报错：command is not defined

参考https://www.cnblogs.com/wz2018/p/9849000.html ，https://www.jianshu.com/p/29b653af669b

# Setting PATH for Python 3.9
# The original version is saved in .bash_profile.pysave
PATH="/Library/Frameworks/Python.framework/Versions/3.9/bin:${PATH}"
export PATH="$PATH:/Users/chenguoqing/.npm-global/bin/" //这个是安装vue后显示的地址，如参考所示

3，vue ui 命令无反应：应该是版本太低，卸载再安装

参考https://blog.youkuaiyun.com/qq_43571415/article/details/103781460

特此记录，使用windows搭建好想没这么多步骤=-=