Vue项目创建及报错处理 mac

创建项目

更新脚手架

 npm i -g @vue/cli

简单步骤

vue create 项目名

cd 项目名

npm run dev 或 yarn serve 

node安装

进入下载 Node.js，安装完成后 node -v 查看版本号

默认已经安装node条件下

1.在命令行中全局安装Vue CLI模块包，输入命令npm install -g @vue/cli。安装完成后，输入vue -V命令检查是否安装成功。

2.在命令行中输入vue create 项目名来创建项目（注意项目名中不能有大写字母、中文和特殊符号），然后根据提示选择模板和包管理器，等待项目创建完毕。

创建报错

原因是淘宝镜像域名过期了，需要更换域名就行

首先 查看 当前源 （yarn 或 npm 选择对应的）

npm config get registry

yarn config get regisry

然后进行修改 

npm config set registry https://registry.npmjs.org/

yarn config set registry https://registry.npmjs.org/

修改完 再去创建 （按个人可以再次查看修改有无生效）

如果出现 修改成功 但是还是会出现上面的报错  执行下面的操作

  命令行 打开文件位置 open  /usr/local/lib/node_modules

打开registries.js 文件 修改如下图位置

修改淘宝镜像

3.启动Vue项目。创建完项目后，输入命令cd 项目名进入项目文件夹，然后输入npm run serve启动内置的webpack本地热更新开发服务器。如果一切正常，将在浏览器中自动打开项目页面，或者可以手动复制提示的域名和端口在浏览器中访问。