vue-cli创建vue项目

一、环境依赖安装
1.在什么环境都没有的电脑上，首先是npm的依赖安装（百度上面教程很多，可自行搜索安装），可通过npm -v检查是否安装成功
2.使用npm（需要安装node环境）全局安装webpack（注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g），打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功。

3.接下来，则是全局安装vue-cli:


如上图所示，安装不成功，于是换另一种命令：

安装成功！

二.使用vue-cli构建一个新的vue项目

首先在D盘新建一个文件夹（vuePros）作为项目存放地，然后使用命令行cd进入到项目目录输入：vueFisrt是自定义的项目名称，命令执行之后，会在当前目录生成一个以该名称命名的项目文件夹。
创建完项目之后，会有开启项目的提示，可以通过cmd命令运行，也可以直接在编辑器里面打开，我将分开演示。

1.通过编辑器打开并运行


2.直接通过cmd命令运行

鉴于此，一个完整的vue项目搭建完成

附上每个文件夹的意思

注：部分内容引用了作者https://www.cnblogs.com/ming1025/p/9887247.html