node官方地址 https://nodejs.org/zh-cn
node 和 npm 匹配对应关系 https://nodejs.org/zh-cn/download/releases
搭建vue 环境
npm install -g @vue/cli
有时候报错
截屏2023-03-30 15.03.52.png
解决方案--手动更改npm的默认目录
在命令行的主目录中，为全局安装创建目录
mkdir ~/.npm-global
配置npm以使用新的目录路径：
npm config set prefix '~/.npm-global'
在您喜欢的文本编辑器中，打开或创建〜/ .profile文件并添加以下行：
export PATH=~/.npm-global/bin:$PATH
在命令行上，更新系统变量：
source ~/.profile
再次执行
npm install -g @vue/cli
完成之后查看vue 版本,显示版本说明安装成功
vue --version
创建文件
以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹
vue create vue01
选择vue 版本
截屏2023-03-30 15.15.17.png
选择npm
在创建的项目目录下执行
npm run serve
结束-----我用的mac 环境
再次创建新项目终端先执行
export PATH=~/.npm-global/bin:$PATH
然后选目录
vue create vue01
网友评论