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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。