一.基本概念
vue是什么
vue是一个渐进式的javascript框架
vue特点
- 渐进式
- 数据驱动视图 (响应式)
- 组件系统
vue-cli 脚手架介绍
vue-cli是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目。
- 基于webpack
- 开箱即用,零配置
- 脚手架工程就是一套固定的文件夹+文件+配置的工程, 我们在此基础上开发业务
- 在开发过程中,脚手架工具是有用的,开发完成(项目上线生产环境),它就没有用了
二.vue-cli安装与创建项目
1.全局安装命令
npm install -g @vue/cli
2.检查是否安装成功
vue --version
3.创建项目
vue create 文件夹名
4.选择模板
通过键盘的上下箭头选择合适的模板,如果选择错了,可以按下ctrl+c终止操作
5.回车安装依赖
等待脚手架工作自动生成项目文件夹+文件, 并下载必须的第三方包
6.启动项目
cd vuecil-demo
npm run serve