Vue2使用脚手架创建项目

先解释一下关于脚手架的概念
       可以理解为像我们盖房子,需要打牢地基,也就是做一些前提准备工作,例如webpack的配置文件、node一些包的下载等等,形成项目的基本构架,这样就大大提高了项目的开发效率。试想一下,如果在你想要写一个项目的时候,需要你自己配置这些东西,心态先崩掉


前提准备——脚手架安装

可以使用编译器的终端或者cmd:npm install @vue/cli(@version) -g
建议安装cli3以上,不然以后还得去升级
至于cli2的一些模板通过执行:npm install @vue/cli-init(@version) -g就可以拉取得到

项目创建

执行命令:npm init webpack 项目名称 或 npm create 项目名称
第一个是Vuecli2的创建命令,第三个是Vuecli3的创建命令
注意:项目名称不要用中文,亲测心态大崩!!!Vue2使用脚手架创建项目_第1张图片
这是项目的目录树
Vue2使用脚手架创建项目_第2张图片

你可能感兴趣的:(web前端开发,javascript,vue.js,cli)