vue-cli创建项目

vue-cli是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。

vue-cli 4.x(1.基本省略大量webpack的配置;2.支持更新),目的搭建前端工程
vue(js文件)

1.进入到创建项目的文件夹下

vue-cli创建项目

2.Npm install -g @vue/cli与yarn global add @vue/cli命令相同,但是yarn global add @vue/cli速度更快,前提是yarn是全局目录

vue-cli创建项目

3.安装成功后

vue-cli创建项目

unit tests[按空间切割,对每个组件都进行测试]
e2e tests[按时间事件,对每个流程进行测试]
1.打开首页
2.点击菜单跳转某个页面
3.输入搜索条件
4.查询出来的结果,跟预期是否一致

vue-cli创建项目

4.然后敲回车安装

vue-cli创建项目

回车

vue-cli创建项目

vue-cli创建项目

vue-cli创建项目

5.浏览器访问:http://localhost:8080/

6.项目打包:npm run build