前言:刚开始学习vue这个框架,最开始大环境,踩了许多坑,最后整理流程如下,亲测有效

在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 。nodejs下载地址:

http://nodejs.cn/download/

网站页面:
在这里插入图片描述
根据需要下载,按着提示安装。

之后,win+r打开dos窗口,
执行命令:node -v,查看node版本号

node -v

执行命令:npm -v,查看npm版本号

npm -v

样图:
在这里插入图片描述
出现版本号即为安装成功。

注:
3.0之后的版本需要 node.js 版本大于 8.9
vue-cli3的包名称由 vue-cli 改成了 @vue/cli;

全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它,命令如下。否则,跳过此步

//卸载3.0之前的版本
npm uninstall vue-cli -g
//卸载3.0以上的版本
npm uninstall -g @vue/cli

先将npm的仓库地址改为淘宝镜像(这样会快很多)
执行命令:npm config set registry https://registry.npm.taobao.org --global,
然后再安装:
执行命令:npm install -g @vue/cli

npm config set registry https://registry.npm.taobao.org --global
npm install -g @vue/cli

样图:
在这里插入图片描述
完成上述步骤后:
执行命令:vue -V,查看版本号

vue -V

出现版本后,则安装成功!
样图:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐