目标
使用vue命令创建脚手架项目
步骤
- 1.创建项目
- 2.选择模板
- 3.安装依赖
- 4.启动项目
创建项目
# vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo
选择模板
通过键盘上下箭头选择合适的模板,如果选错了,可以按下ctrl+c终止操作重新输入上边的命令再次创建项目.
回车安装依赖.
等待脚手架工作自动生成项目文件夹+文件， 并下载必须的第三方包。可能要花很久~~~
启动项目
进入脚手架项目下,启动服务,查看效果
cd vuecil-demo
npm run serve
看到绿色的.说明你成功的启动了(底层node + webpack热更新服务)
打开浏览器输入上述地址.
总结:vue-cli会快速创建项目,自动生成文件夹.
