创建并启动一个vue前端项目（初次）

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

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

            npm install -g vue-cli

           

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

           

     基本信息主要包括：

     （1）项目名称； 输入之后回车

          

     （2）项目描述 ； 输入之后回车

          

     （3）项目作者； 输入之后回车

          

     （4）Vue项目构建：运行+编译还是仅运行。运行+编译

          

     （5）是否安装vue-router。Yes

          

     （6）是否使用ESLint。No

          

     （7）是否使用单元测试 。No

         

     （8）是否使用Nightwatch e2e测试。No

          

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

          

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

          

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

          

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

          

          

     

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