在windows下搭建vue-cli3项目环境

说明

今天将介绍vue-cli脚手架在windows环境下搭建项目的过程。其中，vue-cli的版本是3.0，电脑系统是windows10。

搭建过程

第一步安装vue-cli，在这里我首先在桌面建立了一个文件夹test，然后将它使用vscode打开。我在命令行输入如下命令即可安装全局安装vue-cli。

当前，你也可以在cmd或者其他命令行工具中输入命令。
第二步安装vue-cli项目，使用vue create 项目名称即可开始安装项目。在安装的过程中，我们都默认回车选择默认配置。如下图所示。

这里的项目名称为app,项目搭建完成之后将生成下图所示目录。

第三步运行vue项目。首先我们先cd app进入项目目录，然后输入命令npm run serve即可运行项目。

我们访问http://localhost:8080/，项目运行如下图所示。

结语

以上就是在vue中搭建cli3环境的过程，希望对您能有帮助！