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

    技术2023-08-01  107

    说明

    今天将介绍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环境的过程,希望对您能有帮助!

    Processed: 0.008, SQL: 9