vue项目的创建

Vue项目使用webpack来构建。首先确保本地已经安装了NodeJS，然后在CMD中执行如下命令，可以创建并启动一个名为vuehr的前端项目：

 

 

在执行“vue init webpack vuehr”命令时，会要求依次输入项目的基本信息，如图16-1所示。

 

 

图16-1基本信息主要包括：• 项目名称。• 项目描述。• 项目作者。• Vue项目构建：运行＋编译还是仅运行。• 是否安装vue-router。• 是否使用ESLint。• 是否使用单元测试。• 是否适用Nightwatch e2e测试。• 是否在项目创建成功后自动执行“npm install”安装依赖，若选择否，则在第4行命令执行之前执行“npm install”。当“npm run dev”命令执行之后，在浏览器中输入http://localhost:8080，显示页面如图16-2所示。

 

 

图16-2