vue 新创建项目

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