Vue框架 - Vue 2.x搭建脚手架(vue-cli) 从npm安装到Vue项目搭建完成

第一步npm安装

安装步骤：Node.js 的安装和全局配置 Windows系统安装包方式_ZGH_77733的博客-CSDN博客_node.js全局安装本章节我们将向大家介绍在 Windows 上安装 Node.js 及全局配置的方法https://blog.csdn.net/ZGH_77733/article/details/124715286

第二步使用淘宝NPM镜像

大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

快捷键 win+r 输入cmd，打开命令行窗口，输入

npm  install  -g  cnpm  --registry=https: //registry.npm.taobao.org

安装完成后，就可以使用cnpm命令来安装模块了。

第三步项目初始化 

① 安装vue-cli

打开命令行窗口，输入 npm install -g @vue/cli

npm install vue-cli -g    //全局安装 vue-cli

安装完成后，vue-cli文件夹会出现在你自定义的全局路径下，然后我们可以查看vue-cli是否成功

如上图所示就说明安装成功了

②  cli2创建项目

vue init webpack "项目名称"

安装完成后就会有下面的命令提示

按照提示依次输入 

 运行npm run dev 之后会出现一个端口号为8080的地址，将这个地址复制到浏览器打开