创建并启动一个vue前端项目(初次)

时间:2024-03-22 14:10:42

  Vue项目使用webpack来构建的。例如创建并启动一个名为vuehr的前端项目

1.  首先要确保本地已安装了NodeJS,然后在win+R进入cmd中执行如下命令: 

            npm install -g vue-cli

           创建并启动一个vue前端项目(初次)

 2.安装完成之后,执行命令:vue init webpack vuehr 

           创建并启动一个vue前端项目(初次)

     基本信息主要包括:

     (1)项目名称; 输入之后回车

          创建并启动一个vue前端项目(初次)

     (2)项目描述 ; 输入之后回车

          创建并启动一个vue前端项目(初次)

     (3)项目作者; 输入之后回车

          创建并启动一个vue前端项目(初次)

     (4)Vue项目构建:运行+编译还是仅运行。运行+编译

          创建并启动一个vue前端项目(初次)

     (5)是否安装vue-router。Yes

          创建并启动一个vue前端项目(初次)

     (6)是否使用ESLint。No

          创建并启动一个vue前端项目(初次)

     (7)是否使用单元测试 。No

         创建并启动一个vue前端项目(初次)

     (8)是否使用Nightwatch e2e测试。No

          创建并启动一个vue前端项目(初次)

     (9)是否在项目创建成功之后自动执行“npm install” 安装依赖,若选中否,则在第四行命令执行之后前执行“npm install”。 Yes

          创建并启动一个vue前端项目(初次)

3.等待安装完成。如下图示

          创建并启动一个vue前端项目(初次)

4.输入命令:cd vuehr 并回车

          创建并启动一个vue前端项目(初次)

5.输入命令:npm run dev 并回车,等待执行完。在浏览器中输入执行该命令后返回的IP。即在浏览器正常浏览即可。

          创建并启动一个vue前端项目(初次)

          创建并启动一个vue前端项目(初次)

     

大家可以在使用中不断地去学习最后希望这篇文章能帮助到您