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

说明

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

搭建过程

第一步安装vue-cli,在这里我首先在桌面建立了一个文件夹test,然后将它使用vscode打开。我在命令行输入如下命令即可安装全局安装vue-cli。
在windows下搭建vue-cli3项目环境
当前,你也可以在cmd或者其他命令行工具中输入命令。
第二步安装vue-cli项目,使用vue create 项目名称即可开始安装项目。在安装的过程中,我们都默认回车选择默认配置。如下图所示。
在windows下搭建vue-cli3项目环境
这里的项目名称为app,项目搭建完成之后将生成下图所示目录。
在windows下搭建vue-cli3项目环境
第三步运行vue项目。首先我们先cd app进入项目目录,然后输入命令npm run serve即可运行项目。
在windows下搭建vue-cli3项目环境
我们访问http://localhost:8080/,项目运行如下图所示。
在windows下搭建vue-cli3项目环境

结语

以上就是在vue中搭建cli3环境的过程,希望对您能有帮助!
在windows下搭建vue-cli3项目环境