vue-cli脚手架是什么,使用vue脚手架创建项目

  vue-cli脚手架是什么,使用vue脚手架创建项目

  使用vue-cli搭建可以快速搭建前端vue框架项目结构。下面文章主要介绍用脚手架创建Vue项目(vue-cli)的超详细流程,通过示例代码详细介绍。有需要的朋友可以参考一下。

  

目录

   cli3.x/4.x创建Vue项目1。创建一个项目。手动配置项目3。选择vue版本4。路线模式5。配置文件的存储位置。配置并保存成功创建项目的摘要。

  

cli3.x/4.x创建Vue项目

  

1.创建项目

  Vue创建vue_project(项目名称)

  按回车键,出现以下页面

  这里我一般选择手动配置,因为eslint真的是一个很可怕的东西,它对代码格式的严格要求真的会把人逼疯,代码的任何不规范都会造成错误。

  

2.项目手动配置

  按空格键选择或取消选择。

  

3.选择vue版本

  

4.路由模式

  第二步如果你选择了一条路线,会有这一步,意思是是否使用历史模式创建路线。

  我这里一般选择是。

  

5.配置文件的存放位置

  配置文件是放在单独的配置文件中(选项1)还是放在package.json中(选项2)。

  我一般会选择第一种。

  

6.配置保存

  您想为将来的项目保存此配置吗?

  如果选择“是”,则在稍后创建项目时,在第一步中,除了两个默认配置和手动配置之外,该选项还会增加当前配置。

  是,为此配置定义一个名称以供将来选择。选择否就不会有这一步。

  将配置保存为test,您可以在稍后创建项目时看到我们的配置选项。

  

项目创建成功

  打开终端,进入项目文件夹(项目创建时的名称是vue_project,但因为某种原因,我把项目名称改成了vue_test,这样你就可以根据自己的项目名称修改了),然后运行项目(npm run serve)。

  项目成功运行。单击链接在浏览器中查看项目。

  

总结

  这就是这篇关于通过搭建创建Vue项目(vue-cli)的文章。有关通过搭建vue-cli创建Vue的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: