首先说一下vue脚手架指的是vue-cli(vue-cli又有很多版本,今天讲的是vue-cli2.0+的版本,后面还会出vue-cli3.0+创建项目的版本),它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。那可能有同学又问了,不用脚手架可不可以创建vue项目,我的答案是肯定的,只不过站在巨人的肩膀上,我们会走的更快哦!
1、安装node.js(详细步骤见🔗:)
2、安装vue-cli(详细步骤见🔗:)
3、创建vue项目
命令:vue init webpack 项目名称(如果执行命令的时候失败了或者出现异常,说明vue-cli安装有问题,重新安装vue-cli就可以解决了)
项目配置,按如下配置即可
创建vue-cli过程中部分配置内容:
1.Install vue-router?(Y/N)是否安装vue-router,这是官方的路由,大多数情况下都是用,这里就输入“Y"后回车即可。
2.Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码,ESLint是代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。如果选择N没有安装,不用怕后面项目中也可以安装的。
亲爱的小伙伴,要不断尝试哦!感谢给小招一个点赞收藏评论转发鼓励一下吧-.-
因篇幅问题不能全部显示,请点此查看更多更全内容